From b88c78e3cf2bef22aa2f1c4d0bf305e303bc15f0 Mon Sep 17 00:00:00 2001
From: Koren Lev <korenlev@gmail.com>
Date: Thu, 27 Jul 2017 16:42:15 +0300
Subject: adding calipso ui

Change-Id: Ifa6f63daebb07f45580f747341960e898fdb00c4
Signed-off-by: Koren Lev <korenlev@gmail.com>
---
 ui/imports/ui/components/d3graph/d3graph.js | 126 ++++++++++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 ui/imports/ui/components/d3graph/d3graph.js

(limited to 'ui/imports/ui/components/d3graph/d3graph.js')

diff --git a/ui/imports/ui/components/d3graph/d3graph.js b/ui/imports/ui/components/d3graph/d3graph.js
new file mode 100644
index 0000000..41177ed
--- /dev/null
+++ b/ui/imports/ui/components/d3graph/d3graph.js
@@ -0,0 +1,126 @@
+/////////////////////////////////////////////////////////////////////////////////////////
+// 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({    
+});
+
+
-- 
cgit 1.2.3-korg