GUI -- TopoView - Port numbers now appear when hovering over a link.
- (but they are centered on the node -- still need to move them away from the node).
Change-Id: I491851ef2f4d31b85db0dbc2b3145218a4913844
diff --git a/web/gui/src/main/webapp/app/view/topo/topoLink.js b/web/gui/src/main/webapp/app/view/topo/topoLink.js
index 05041c4..2ac1b60 100644
--- a/web/gui/src/main/webapp/app/view/topo/topoLink.js
+++ b/web/gui/src/main/webapp/app/view/topo/topoLink.js
@@ -26,6 +26,7 @@
var $log, fs, sus, ts;
var api,
+ td3,
network,
enhancedLink = null; // the link which the mouse is hovering over
@@ -190,16 +191,33 @@
function unenhance(d) {
d.el.classed('enhanced', false);
+ api.portLabelG().selectAll('.portLabel').remove();
}
function enhance(d) {
d.el.classed('enhanced', true);
$log.debug('[' + (d.srcPort || 'H') + '] ---> [' + d.tgtPort + ']', d.key);
+
+ // define port label data objects
+ var data = [
+ {
+ id: 'topo-port-src',
+ num: d.srcPort,
+ baseX: d.source.x,
+ baseY: d.source.y
+ },
+ {
+ id: 'topo-port-tgt',
+ num: d.tgtPort,
+ baseX: d.target.x,
+ baseY: d.target.y
+ }
+ ];
+
+ td3.applyPortLabels(data, api.portLabelG());
}
-
-
// ==========================
// Module definition
@@ -213,8 +231,9 @@
sus = _sus_;
ts = _ts_;
- function initLink(_api_) {
+ function initLink(_api_, _td3_) {
api = _api_;
+ td3 = _td3_;
svg = api.svg;
network = api.network;
setupMouse(api.forceG, api.zoomer);