diff options
Diffstat (limited to 'ui/imports/ui/components/general-node-info-box')
3 files changed, 133 insertions, 0 deletions
diff --git a/ui/imports/ui/components/general-node-info-box/general-node-info-box.html b/ui/imports/ui/components/general-node-info-box/general-node-info-box.html new file mode 100644 index 0000000..8aed8f2 --- /dev/null +++ b/ui/imports/ui/components/general-node-info-box/general-node-info-box.html @@ -0,0 +1,37 @@ +<!-- +######################################################################################## +# 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="GeneralNodeInfoBox"> +<div class="os-general-node-info-box cards-450 white"> + <div class="sm-icon-segment"> + </div> + <div class="sm-info-segment"> + <div class="sm-info-title">{{ type }} - {{ objectName }}</div> + <div class="sm-info-bits"> + <div class="cl-info-bit"> + <div class="cl-label">Name</div> + <div class="cl-data"><div class="sm-object-name">{{ objectName }}</div></div> + </div> + <div class="cl-info-bit"> + <div class="cl-label">Type</div> + <div class="cl-data"><div class="sm-object-type">{{ type }}</div></div> + </div> + <div class="cl-info-bit"> + <div class="cl-label">Last scanned</div> + <div class="cl-data"><div class="sm-last-scanned">{{ lastScanned }}</div></div> + </div> + <div class="cl-info-bit"> + <div class="cl-label">Description</div> + <div class="cl-data"><div class="sm-description">{{ description }}</div></div> + </div> + </div> + </div> +</div> +</template> diff --git a/ui/imports/ui/components/general-node-info-box/general-node-info-box.js b/ui/imports/ui/components/general-node-info-box/general-node-info-box.js new file mode 100644 index 0000000..4b88945 --- /dev/null +++ b/ui/imports/ui/components/general-node-info-box/general-node-info-box.js @@ -0,0 +1,63 @@ +///////////////////////////////////////////////////////////////////////////////////////// +// 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: GeneralNodeInfoBox + */ + +//import { Meteor } from 'meteor/meteor'; +import { Template } from 'meteor/templating'; +import { ReactiveDict } from 'meteor/reactive-dict'; +import { SimpleSchema } from 'meteor/aldeed:simple-schema'; + +import './general-node-info-box.html'; + +/* + * Lifecycles + */ + +Template.GeneralNodeInfoBox.onCreated(function() { + let instance = this; + + instance.state = new ReactiveDict(); + instance.state.setDefault({ + }); + + instance.autorun(function () { + let data = Template.currentData(); + new SimpleSchema({ + objectName: { type: String }, + type: { type: String }, + lastScanned: { type: Date, optional: true }, + description: { type: String, optional: true }, + }).validate(data); + + }); + +}); + +/* +Template.GeneralNodeInfoBox.rendered = function() { +}; +*/ + +/* + * Events + */ + +Template.GeneralNodeInfoBox.events({ +}); + +/* + * Helpers + */ + +Template.GeneralNodeInfoBox.helpers({ +}); + + diff --git a/ui/imports/ui/components/general-node-info-box/general-node-info-box.styl b/ui/imports/ui/components/general-node-info-box/general-node-info-box.styl new file mode 100644 index 0000000..4d4cc7a --- /dev/null +++ b/ui/imports/ui/components/general-node-info-box/general-node-info-box.styl @@ -0,0 +1,33 @@ +.os-general-node-info-box + display: flex; + flex-flow: row nowrap; + + .sm-icon-segment + flex: 0 1 70px; + + .sm-info-segment + flex: 1; + display: flex; + flex-flow: column nowrap; + + .sm-info-title + color: #0a9ad7; + font-size: 2em; + border-bottom: 3px solid #0a9ad7; + line-height: 1.5em; + + .sm-info-bits + padding: 5px 0px; + + display: flex; + flex-flow: column nowrap; + + .cl-info-bit + display: flex; + flex-flow: row nowrap; + + .cl-label + flex: 0 0 90px; + color: black; + font-weight: bold; + |