From b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 Mon Sep 17 00:00:00 2001
From: Koren Lev <korenlev@gmail.com>
Date: Thu, 27 Jul 2017 16:42:15 +0300
Subject: adding calipso ui

Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>
---
 .../messages-info-box/messages-info-box.html       | 27 +++++++++
 .../messages-info-box/messages-info-box.js         | 66 ++++++++++++++++++++++
 .../messages-info-box/messages-info-box.styl       |  2 +
 3 files changed, 95 insertions(+)
 create mode 100644 ui/imports/ui/components/messages-info-box/messages-info-box.html
 create mode 100644 ui/imports/ui/components/messages-info-box/messages-info-box.js
 create mode 100644 ui/imports/ui/components/messages-info-box/messages-info-box.styl

(limited to 'ui/imports/ui/components/messages-info-box')

diff --git a/ui/imports/ui/components/messages-info-box/messages-info-box.html b/ui/imports/ui/components/messages-info-box/messages-info-box.html
new file mode 100644
index 0000000..9c10ace
--- /dev/null
+++ b/ui/imports/ui/components/messages-info-box/messages-info-box.html
@@ -0,0 +1,27 @@
+<!-- 
+########################################################################################
+# 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="MessagesInfoBox">
+  <div class="cards-flex-col-h120 white {{ colorClass }}">
+  <div class="flex-box">
+    <div class="flex-box-1">
+      <i class="material-icons">{{ icon }}</i>
+    </div>
+    <div class="flex-box-2">
+      <h5>{{ title }}</h5>
+      <p class="active">Total: {{ count }}</p>
+      {{#if lastScanTimestamp }}
+      <p>Timestamp: {{ lastScanTimestamp }}</p>
+      {{/if }}
+      <a class="sm-more-details-btn" href="#" data-toggle="modal" data-target="#error">More details</a>
+    </div>
+  </div>
+</div>
+</template>
diff --git a/ui/imports/ui/components/messages-info-box/messages-info-box.js b/ui/imports/ui/components/messages-info-box/messages-info-box.js
new file mode 100644
index 0000000..69dace6
--- /dev/null
+++ b/ui/imports/ui/components/messages-info-box/messages-info-box.js
@@ -0,0 +1,66 @@
+/////////////////////////////////////////////////////////////////////////////////////////
+// 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: MessagesInfoBox 
+ */
+    
+//import { Meteor } from 'meteor/meteor'; 
+import { Template } from 'meteor/templating';
+import { SimpleSchema } from 'meteor/aldeed:simple-schema';
+//import { ReactiveDict } from 'meteor/reactive-dict';
+        
+import './messages-info-box.html';     
+    
+/*  
+ * Lifecycles
+ */   
+  
+Template.MessagesInfoBox.onCreated(function() {
+  var instance = this;
+
+  instance.autorun(function () {
+    let data = Template.currentData();
+    new SimpleSchema({
+      title: { type: String },
+      count: { type: Number },
+      lastScanTimestamp: { type: String, optional: true },
+      icon: { type: String },
+      colorClass: { type: String },
+      onMoreDetailsReq: { type: Function },
+    }).validate(data);
+
+  });
+});  
+
+/*
+Template.MessagesInfoBox.rendered = function() {
+};  
+*/
+
+/*
+ * Events
+ */
+
+Template.MessagesInfoBox.events({
+  'click .sm-more-details-btn': function (event, instance) {
+    event.preventDefault();
+
+    let data = instance.data;
+    data.onMoreDetailsReq();
+  }
+});
+   
+/*  
+ * Helpers
+ */
+
+Template.MessagesInfoBox.helpers({    
+});
+
+
diff --git a/ui/imports/ui/components/messages-info-box/messages-info-box.styl b/ui/imports/ui/components/messages-info-box/messages-info-box.styl
new file mode 100644
index 0000000..755a04e
--- /dev/null
+++ b/ui/imports/ui/components/messages-info-box/messages-info-box.styl
@@ -0,0 +1,2 @@
+/* Set the component style here */
+// "MessagesInfoBox"
-- 
cgit 1.2.3-korg