From: Author Name Date: Fri, 5 Apr 2013 22:28:23 +0000 (-0700) Subject: Adding ability to customize onClick on topology graph. X-Git-Tag: releasepom-0.1.0~589 X-Git-Url: https://git.opendaylight.org/gerrit/gitweb?p=controller.git;a=commitdiff_plain;h=0917edf1b879e2489135fa0e0f7f09f1f2c8a374 Adding ability to customize onClick on topology graph. Change-Id: Ie4d5abf02e9a704ec66ca5cd40633d09153e98c1 Signed-off-by: lakshya --- diff --git a/opendaylight/web/root/src/main/resources/js/one-topology.js b/opendaylight/web/root/src/main/resources/js/one-topology.js index fc06a8c988..27aabca6fd 100644 --- a/opendaylight/web/root/src/main/resources/js/one-topology.js +++ b/opendaylight/web/root/src/main/resources/js/one-topology.js @@ -108,10 +108,14 @@ one.topology.init = function(json) { enable: true, type: 'Native', onMouseEnter: function(node, eventInfo, e) { - if (node.id != undefined) // if node + // if node + if (node.id != undefined) { one.topology.graph.canvas.getElement().style.cursor = 'move'; - else if (eventInfo.edge != undefined && eventInfo.edge.nodeTo.data["$type"] == "swtch" && eventInfo.edge.nodeFrom.data["$type"] == "swtch") + } else if (eventInfo.edge != undefined && + eventInfo.edge.nodeTo.data["$type"] == "swtch" && + eventInfo.edge.nodeFrom.data["$type"] == "swtch") { one.topology.graph.canvas.getElement().style.cursor = 'pointer'; + } }, onMouseLeave: function(node, eventInfo, e) { one.topology.graph.canvas.getElement().style.cursor = ''; @@ -137,7 +141,11 @@ one.topology.init = function(json) { $.post('/controller/web/topology/node/' + did, data); }, onClick: function(node, eventInfo, e) { - return false; + if(one.f.topology === undefined) { + return false; + } else { + one.f.topology.Events.onClick(node, eventInfo); + } } }, iterations: 200, @@ -177,6 +185,7 @@ one.topology.init = function(json) { style.textAlign = "center"; } }); + one.topology.graph.loadJSON(json); // compute positions incrementally and animate. one.topology.graph.computeIncremental({ @@ -194,7 +203,7 @@ one.topology.init = function(json) { node.setPos(new $jit.Complex(x, y), "end"); } } - console.log('done'); + console.log('done'); one.topology.graph.animate({ modes: ['linear'], transition: $jit.Trans.Elastic.easeOut, @@ -215,4 +224,4 @@ one.topology.update = function() { /** INIT */ $.getJSON(one.global.remoteAddress+"controller/web/topology/visual.json", function(data) { one.topology.init(data); -}); \ No newline at end of file +});