From b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 Mon Sep 17 00:00:00 2001 From: Koren Lev Date: Thu, 27 Jul 2017 16:42:15 +0300 Subject: adding calipso ui Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4 Signed-off-by: Koren Lev --- .../general-node-dashboard.html | 17 +++++ .../general-node-dashboard.js | 84 ++++++++++++++++++++++ .../general-node-dashboard.styl | 6 ++ 3 files changed, 107 insertions(+) create mode 100644 ui/imports/ui/components/general-node-dashboard/general-node-dashboard.html create mode 100644 ui/imports/ui/components/general-node-dashboard/general-node-dashboard.js create mode 100644 ui/imports/ui/components/general-node-dashboard/general-node-dashboard.styl (limited to 'ui/imports/ui/components/general-node-dashboard') diff --git a/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.html b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.html new file mode 100644 index 0000000..417ba8b --- /dev/null +++ b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.html @@ -0,0 +1,17 @@ + + diff --git a/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.js b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.js new file mode 100644 index 0000000..3009ee3 --- /dev/null +++ b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.js @@ -0,0 +1,84 @@ +///////////////////////////////////////////////////////////////////////////////////////// +// 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: GeneralNodeDashboard + */ + +//import { Meteor } from 'meteor/meteor'; +import { Template } from 'meteor/templating'; +import { SimpleSchema } from 'meteor/aldeed:simple-schema'; +import { ReactiveDict } from 'meteor/reactive-dict'; +import { Inventory } from '/imports/api/inventories/inventories'; + +import '/imports/ui/components/detailed-node-info-box/detailed-node-info-box'; + +import './general-node-dashboard.html'; + +/* + * Lifecycles + */ + +Template.GeneralNodeDashboard.onCreated(function() { + var instance = this; + instance.state = new ReactiveDict(); + instance.state.setDefault({ + id: null, + node: null, + }); + + instance.autorun(function () { + let data = Template.currentData(); + new SimpleSchema({ + _id: { type: { _str: { type: String, regEx: SimpleSchema.RegEx.Id } } }, + onNodeSelected: { type: Function }, + }).validate(data); + + instance.state.set('_id', data._id); + }); + + instance.autorun(function () { + let _id = instance.state.get('_id'); + + instance.subscribe('inventory?_id', _id); + Inventory.find({ _id: _id }).forEach((node) => { + instance.state.set('node', node); + }); + }); +}); + +/* +Template.GeneralNodeDashboard.rendered = function() { +}; +*/ + +/* + * Events + */ + +Template.GeneralNodeDashboard.events({ +}); + +/* + * Helpers + */ + +Template.GeneralNodeDashboard.helpers({ + getNode: function () { + let instance = Template.instance(); + return instance.state.get('node'); + }, + + argsGenNodeInfoBox: function (node) { + return { + node: node, + }; + } +}); + + diff --git a/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.styl b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.styl new file mode 100644 index 0000000..6d3727b --- /dev/null +++ b/ui/imports/ui/components/general-node-dashboard/general-node-dashboard.styl @@ -0,0 +1,6 @@ +.os-general-node-dashboard + display: flex; + flex-flow: column nowrap; + align-items: center; + + //.sm-node-info-box -- cgit 1.2.3-korg