ONOS-6327: Implemented details panel for host view.
- WIP: still have to render the host details in the panel.
- YakShaving:
   * augmented ConnectPoint to implement Comparable
   * cleaned up ConnectPointTest

Change-Id: I5c901099319820e08af812807ff65bf5dac1fb23
diff --git a/web/gui/src/main/webapp/app/view/host/host.html b/web/gui/src/main/webapp/app/view/host/host.html
index e88efa3..85b8b5e 100644
--- a/web/gui/src/main/webapp/app/view/host/host.html
+++ b/web/gui/src/main/webapp/app/view/host/host.html
@@ -15,9 +15,11 @@
             <table>
                 <tr>
                     <td colId="type" class="table-icon"></td>
+                    <td colId="name" sortable>Friendly Name </td>
                     <td colId="id" sortable>Host ID </td>
                     <td colId="mac" sortable>MAC Address </td>
                     <td colId="vlan" sortable>VLAN ID </td>
+                    <td colId="configured" sortable>Configured </td>
                     <td colId="ips" sortable>IP Addresses </td>
                     <td colId="location" sortable>Location </td>
                 </tr>
@@ -27,7 +29,7 @@
         <div class="table-body">
             <table onos-flash-changes id-prop="id">
                 <tr ng-if="!tableData.length" class="no-data">
-                    <td colspan="6">
+                    <td colspan="8">
                         {{annots.no_rows_msg}}
                     </td>
                 </tr>
@@ -39,9 +41,11 @@
                     <td class="table-icon">
                         <div icon icon-id="{{host._iconid_type}}"></div>
                     </td>
+                    <td>{{host.name}}</td>
                     <td>{{host.id}}</td>
                     <td>{{host.mac}}</td>
                     <td>{{host.vlan}}</td>
+                    <td>{{host.configured}}</td>
                     <td>{{host.ips}}</td>
                     <td>{{host.location}}</td>
                 </tr>
diff --git a/web/gui/src/main/webapp/app/view/host/host.js b/web/gui/src/main/webapp/app/view/host/host.js
index 537bc13..ee23f00 100644
--- a/web/gui/src/main/webapp/app/view/host/host.js
+++ b/web/gui/src/main/webapp/app/view/host/host.js
@@ -148,6 +148,8 @@
         setUpPanel();
         populateTop(details);
         detailsPanel.height(pHeight);
+        // configure width based on content.. for now hardcoded
+        detailsPanel.width(600);
     }
 
     function respDetailsCb(data) {