commit e25c5a2d15af11aa39f7e6a75ce6631349b36a07
author Simon Hunt <simon@onlab.us> Thu Apr 02 14:37:12 2015 -0700
committer Simon Hunt <simon@onlab.us> Thu Apr 02 14:37:12 2015 -0700
tree 7f7444e9c8c5c688a05975b0a12f77cc88fe013a
parent 08706ce97f674fcc841de72387df01c0d287a7f8

GUI -- Adjusted link details display to suppress nonsensical line items for edge-links.

Change-Id: If272c783f4d471e30ac5342a6b12d2b66926d43d

web/gui/src/main/webapp/app/view/topo/topoPanel.js

diff --git a/web/gui/src/main/webapp/app/view/topo/topoPanel.js b/web/gui/src/main/webapp/app/view/topo/topoPanel.js
index 2b3e760..2d54328 100644
--- a/web/gui/src/main/webapp/app/view/topo/topoPanel.js
+++ b/web/gui/src/main/webapp/app/view/topo/topoPanel.js
@@ -49,12 +49,13 @@
     }
 
     function addProp(tbody, label, value) {
-        var tr = tbody.append('tr');
+        var tr = tbody.append('tr'),
+            lab = label.replace(/_/g, ' ');
 
         function addCell(cls, txt) {
             tr.append('td').attr('class', cls).html(txt);
         }
-        addCell('label', label + ' :');
+        addCell('label', lab + ' :');
         addCell('value', value);
     }
 
@@ -147,27 +148,44 @@
         return d ? d.type + ' / ' + o : '-';
     }
 
+    // provided to change presentation of internal type name
+    var linkTypePres = {
+        hostLink: 'edge link'
+    };
+
+    function linkType(d) {
+        return linkTypePres[d.type()] || d.type();
+    }
+
+    var coreOrder = [
+            'Type', '-',
+            'A_type', 'A_id', 'A_label', 'A_port', '-',
+            'B_type', 'B_id', 'B_label', 'B_port', '-'
+        ],
+        edgeOrder = [
+            'Type', '-',
+            'A_type', 'A_id', 'A_label', '-',
+            'B_type', 'B_id', 'B_label', 'B_port'
+        ];
+
     function displayLink(data) {
         detailPanel.empty();
 
         var svg = dpa('svg'),
             title = dpa('h2'),
             table = dpa('table'),
-            tbody = table.append('tbody');
+            tbody = table.append('tbody'),
+            edgeLink = data.type() === 'hostLink',
+            order = edgeLink ? edgeOrder : coreOrder;
 
         gs.addGlyph(svg, 'ports', 40);
         title.text('Link');
 
-        var order = [
-            'Type', '-',
-            'A_type', 'A_id', 'A_label', 'A_port', '-',
-            'B_type', 'B_id', 'B_label', 'B_port', '-'
-        ];
 
         listProps(tbody, {
             propOrder: order,
             props: {
-                Type: data.type(),
+                Type: linkType(data),
 
                 A_type: data.source.class,
                 A_id: data.source.id,
@@ -181,8 +199,10 @@
             }
         });
 
-        addProp(tbody, 'A → B', linkSummary(data.fromSource));
-        addProp(tbody, 'B → A', linkSummary(data.fromTarget));
+        if (!edgeLink) {
+            addProp(tbody, 'A → B', linkSummary(data.fromSource));
+            addProp(tbody, 'B → A', linkSummary(data.fromTarget));
+        }
     }
 
     function displayNothing() {