adding calipso ui

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

1 files changed, 27 insertions, 0 deletions

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>