diff options
Diffstat (limited to 'ui/imports/ui/components/d3graph')
-rw-r--r-- | ui/imports/ui/components/d3graph/d3graph.html | 13 | ||||
-rw-r--r-- | ui/imports/ui/components/d3graph/d3graph.js | 126 | ||||
-rw-r--r-- | ui/imports/ui/components/d3graph/d3graph.styl | 12 |
3 files changed, 0 insertions, 151 deletions
diff --git a/ui/imports/ui/components/d3graph/d3graph.html b/ui/imports/ui/components/d3graph/d3graph.html deleted file mode 100644 index 52d84b5..0000000 --- a/ui/imports/ui/components/d3graph/d3graph.html +++ /dev/null @@ -1,13 +0,0 @@ -<!-- -######################################################################################## -# 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="d3graph"> - <div id="dgraphid"></div> -</template> diff --git a/ui/imports/ui/components/d3graph/d3graph.js b/ui/imports/ui/components/d3graph/d3graph.js deleted file mode 100644 index 41177ed..0000000 --- a/ui/imports/ui/components/d3graph/d3graph.js +++ /dev/null @@ -1,126 +0,0 @@ -///////////////////////////////////////////////////////////////////////////////////////// -// 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: d3graph - */ - -//import { Meteor } from 'meteor/meteor'; -import * as R from 'ramda'; -import { Template } from 'meteor/templating'; -import { ReactiveDict } from 'meteor/reactive-dict'; -import { SimpleSchema } from 'meteor/aldeed:simple-schema'; -import { Inventory } from '/imports/api/inventories/inventories'; -import { Cliques } from '/imports/api/cliques/cliques.js'; -import { Links } from '/imports/api/links/links.js'; - -import { d3Graph } from '/imports/lib/d3-graph'; - -import './d3graph.html'; - -/* - * Lifecycles - */ - -Template.d3graph.onCreated(function() { - let instance = this; - - instance.state = new ReactiveDict(); - instance.state.setDefault({ - id_path: null, - ready: false - }); - - instance.autorun(function () { - let data = Template.currentData(); - - new SimpleSchema({ - id_path: { type: String }, - }).validate(data); - - instance.state.set('ready', false); - let id_path = data.id_path; - - instance.subscribe('inventory?id_path', id_path); - instance.subscribe('attributes_for_hover_on_data'); - - Inventory.find({ id_path: id_path }).forEach((inventory) => { - instance.state.set('_id', inventory._id); - - if (inventory.clique) { - - if (inventory.id === 'aggregate-WebEx-RTP-SSD-Aggregate-node-24') { - let objId = 'node-24'; - instance.subscribe('inventory?type+host', 'instance', objId); - - } else { - let objId = inventory._id._str; - instance.subscribe('cliques?focal_point', objId); - - Cliques.find({ - focal_point: new Mongo.ObjectID(objId) - }) - .forEach( - function (cliqueItem) { - instance.subscribe('links?_id-in', cliqueItem.links); - - Links.find({ _id: {$in: cliqueItem.links} }) - .forEach(function(linkItem) { - let idsList = [ linkItem['source'], linkItem['target'] ]; - instance.subscribe('inventory?_id-in', idsList); - - Inventory.find({ _id: { $in: idsList } }) - .forEach(function (invItem) { - instance.subscribe('attributes_for_hover_on_data?type', invItem.type); - }); - }); - - instance.state.set('ready', true); - }); - } - } - }); - }); -}); - -Template.d3graph.rendered = function () { - let instance = Template.instance(); - let element = instance.$('#dgraphid')[0]; - d3Graph.createGraphData(element.clientWidth, element.clientHeight); - - Tracker.autorun(function () { - var nodeId = instance.state.get('_id'); - var ready = instance.state.get('ready'); - - if (! ready) { return; } - if(R.isNil(nodeId)) { return; } - - setTimeout(() => { - let graphData = d3Graph.getGraphDataByClique(nodeId._str); - setTimeout(() => { - d3Graph.updateNetworkGraph(graphData); - }, 100); - }, 500); - }); -}; - -/* - * Events - */ - -Template.d3graph.events({ -}); - -/* - * Helpers - */ - -Template.d3graph.helpers({ -}); - - diff --git a/ui/imports/ui/components/d3graph/d3graph.styl b/ui/imports/ui/components/d3graph/d3graph.styl deleted file mode 100644 index 27908be..0000000 --- a/ui/imports/ui/components/d3graph/d3graph.styl +++ /dev/null @@ -1,12 +0,0 @@ -#dgraphid - width: 100%; - height: 100%; - - svg.os-d3-graph { - /*background-color: antiquewhite;*/ - /*background-color: rgb(161, 183, 206);*/ - background-color:#FDFEFF; - /*height:100vh; */ - /* padding-top: 100px; */ - - } |