1 files changed, 98 insertions, 0 deletions
diff --git a/openo-portal/portal-lifecyclemgr/js/topo/Topology.js b/openo-portal/portal-lifecyclemgr/js/topo/Topology.js
new file mode 100644
index 00000000..a73fdb16
--- /dev/null
+++ b/openo-portal/portal-lifecyclemgr/js/topo/Topology.js
@@ -0,0 +1,98 @@
+function Topology(containerId) {
+
+	/**
+	 * IMPORTANT: This only works with the canvas renderer. TBD in the future
+	 * will also support the WebGL renderer.
+	 */
+	sigma.utils.pkg('sigma.canvas.nodes');
+
+	this.s = new sigma({
+		graph : {
+			nodes : [],
+			edges : []
+		},
+		renderer : {
+			// IMPORTANT:
+			// This works only with the canvas renderer, so the
+			// renderer type set as "canvas" is necessary here.
+			container : document.getElementById(containerId),
+			type : 'canvas'
+		},
+		settings : {
+			minNodeSize : 4,
+			maxNodeSize : 48,
+			edgeLabelSize : 'proportional'
+		}
+	});
+	this.addNode = addNode;
+	this.addEdge = addEdge;
+}
+
+function addNode(node) {
+
+	this.s.graph.addNode(node);
+
+}
+
+function addEdge(edge) {
+	this.s.graph.addEdge(edge);
+}
+
+function init() {
+
+	var node1 = new Node("1", "ThinCPE", 8, "type1", 0.2, 0.5);
+  var node2 = new Node("2", "vCPE", 8, "type1", 0.5, 0.5);
+	var node3 = new Node("3", "VPC", 16, "type2", 0.8, 0.5);
+  
+  var node4 = new Node("4", "Site", 16, "type3", 0.2, 0.55);
+  var node5 = new Node("5", "POP", 24, "type3", 0.5, 0.55);
+	var node6 = new Node("6", "DC", 32, "type3", 0.8, 0.55);
+  
+  var node7 = new Node("7", "vFW", 6, "type1", 0.45, 0.45);
+  var node8 = new Node("8", "vLB", 6, "type1", 0.55, 0.45);
+
+	var edge1 = new Edge("e1", "VxLAN", "1", "2", 0.5, "blue");
+	var edge2 = new Edge("e2", "IPSec", "2", "3", 0.5, "green");
+  
+	var edge3 = new Edge("e3", "in", "1", "4", 0.5, "grey");
+  var edge4 = new Edge("e4", "in", "2", "5", 0.5, "grey");
+  var edge5 = new Edge("e5", "in", "3", "6", 0.5, "grey");
+  
+  var edge6 = new Edge("e6", "L2VPN", "4", "5", 0.5, "black");
+  var edge7 = new Edge("e7", "L3VPN", "5", "6", 0.5, "black");
+  
+  var edge8 = new Edge("e8", "", "2", "7", 0.5, "yellow");
+  var edge9 = new Edge("e9", "", "7", "8", 0.5, "yellow");
+  var edge10 = new Edge("e10", "", "8", "2", 0.5, "yellow");
+  
+	var topology = new Topology("container");
+  
+	topology.addNode(node1);
+	topology.addNode(node2);
+	topology.addNode(node3);
+  topology.addNode(node4);
+	topology.addNode(node5);
+	topology.addNode(node6);
+  topology.addNode(node7);
+	topology.addNode(node8);
+
+	topology.addEdge(edge1);
+	topology.addEdge(edge2);
+  topology.addEdge(edge3);
+  topology.addEdge(edge4);
+	topology.addEdge(edge5);
+  
+  
+  topology.addEdge(edge6);
+	topology.addEdge(edge7);
+  topology.addEdge(edge8);
+	topology.addEdge(edge9);
+  topology.addEdge(edge10);
+  
+	CustomShapes.init(topology.s);
+	topology.s.refresh();
+}
+
+$(document).ready(function() {
+	init();
+});
+\ No newline at end of file