1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
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({
});
|
