diff options
Diffstat (limited to 'ui/imports/ui/components/messages-info-box')
3 files changed, 95 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> 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" |