adding calipso ui

Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>

3 files changed, 83 insertions, 0 deletions

diff --git a/ui/imports/ui/components/time-selection-widget/time-selection-widget.html b/ui/imports/ui/components/time-selection-widget/time-selection-widget.html
new file mode 100644
index 0000000..ba808c7
--- /dev/null
+++ b/ui/imports/ui/components/time-selection-widget/time-selection-widget.html
@@ -0,0 +1,33 @@
+<!-- 
+########################################################################################
+# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others #
+#                                                                                      #
+# All rights reserved. This program and the accompanying materials                     #
+# are made available under the terms of the Apache License, Version 2.0                #
+# which accompanies this distribution, and is available at                             #
+# http://www.apache.org/licenses/LICENSE-2.0                                           #
+########################################################################################
+ -->
+<template name="TimeSelectionWidget">
+  <form class="os-time-selection-widget form-inline">
+    <div class="form-group">
+      <input type="number" class="form-control sm-year-input" placeholder="Year">
+    </div>
+    <span>-</span>
+    <div class="form-group">
+      <input type="number" class="form-control sm-month-input" placeholder="Month">
+    </div>
+    <span>-</span>
+    <div class="form-group">
+      <input type="number" class="form-control sm-day-input" placeholder="Day">
+    </div>
+    <span> </span>
+    <div class="form-group">
+      <input type="number" class="form-control sm-hour-input" placeholder="Hour">
+    </div>
+    <span>:</span>
+    <div class="form-group">
+      <input type="number" class="form-control sm-minute-input" placeholder="Minute">
+    </div>
+  </form>
+</template>
diff --git a/ui/imports/ui/components/time-selection-widget/time-selection-widget.js b/ui/imports/ui/components/time-selection-widget/time-selection-widget.js
new file mode 100644
index 0000000..f61ac50
--- /dev/null
+++ b/ui/imports/ui/components/time-selection-widget/time-selection-widget.js
@@ -0,0 +1,45 @@
+/////////////////////////////////////////////////////////////////////////////////////////
+// Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others /
+//                                                                                      /
+// All rights reserved. This program and the accompanying materials                     /
+// are made available under the terms of the Apache License, Version 2.0                /
+// which accompanies this distribution, and is available at                             /
+// http://www.apache.org/licenses/LICENSE-2.0                                           /
+/////////////////////////////////////////////////////////////////////////////////////////
+/*
+ * Template Component: TimeSelectionWidget 
+ */
+    
+//import { Meteor } from 'meteor/meteor'; 
+import { Template } from 'meteor/templating';
+//import { ReactiveDict } from 'meteor/reactive-dict';
+        
+import './time-selection-widget.html';     
+    
+/*  
+ * Lifecycles
+ */   
+  
+Template.TimeSelectionWidget.onCreated(function() {
+});  
+
+/*
+Template.TimeSelectionWidget.rendered = function() {
+};  
+*/
+
+/*
+ * Events
+ */
+
+Template.TimeSelectionWidget.events({
+});
+   
+/*  
+ * Helpers
+ */
+
+Template.TimeSelectionWidget.helpers({    
+});
+
+
diff --git a/ui/imports/ui/components/time-selection-widget/time-selection-widget.styl b/ui/imports/ui/components/time-selection-widget/time-selection-widget.styl
new file mode 100644
index 0000000..c10e7af
--- /dev/null
+++ b/ui/imports/ui/components/time-selection-widget/time-selection-widget.styl
@@ -0,0 +1,5 @@
+.os-time-selection-widget 
+  width: 450px;
+
+  input.form-control 
+    width: 70px;