Inventory rework

[honeycomb.git] / vbd / gui / module / src / main / resources / vpp / views / inventory-table.tpl.html

diff --git a/vbd/gui/module/src/main/resources/vpp/views/inventory-table.tpl.html b/vbd/gui/module/src/main/resources/vpp/views/inventory-table.tpl.html
index 4f15332..3335ad3 100644 (file)
--- a/vbd/gui/module/src/main/resources/vpp/views/inventory-table.tpl.html
+++ b/vbd/gui/module/src/main/resources/vpp/views/inventory-table.tpl.html
@@ -1,32 +1,31 @@
 <div ng-controller="InventoryTableController">
        <md-button ng-click="addVppShowForm()">Mount VPP</md-button>
        <md-button ng-click="getVppList()">Reload VPPs</md-button>
-    <!--FIXME: decide which element to use, if static, or ui-grid-->
-       <!--<table class="footable">
-               <thead>
-                       <tr>
-                               <th>VPP Name</th>
-                               <th>IP Address</th>
-                               <th>Port</th>
-                               <th>Connection Status</th>
-                               <th>Actions</th>
-                       </tr>
-               </thead>
-               <tbody>
-                       <tr ng-repeat="vpp in vppList">
-                               <td>{{vpp.name}}</td>
-                               <td>{{vpp.ipAddress}}</td>
-                               <td>{{vpp.port}}</td>
-                               <td>{{vpp.status}}</td>
-                               <td>
-                                       <md-button ng-click="viewTopology(vpp)">View Topology</md-button>
-                                       <md-button ng-click="editVppShowForm(vpp)" ng-hide="vpp.status === 'connected'">Edit</md-button>
-                                       <md-button ng-click="deleteVpp(vpp)" >Delete</md-button>
-                               </td>
-                       </tr>
-               </tbody>
-       </table>-->
-       <div ng-controller="InventoryTableDefinitonController" class="black">
-               <div ui-grid="gridOptions" ui-grid-expandable class="grid"></div>
-       </div>
+
+    <md-content layout-padding>
+        <table st-table="displayVppList" st-safe-src="vppList" class="table table-striped">
+            <thead>
+            <tr>
+                <th st-sort="name">VPP Name</th>
+                <th st-sort="ipAddress">IP Address</th>
+                <th st-sort="port">Port</th>
+                <th st-sort="status">Connection Status</th>
+                <th>Actions</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr ng-repeat="vpp in displayVppList">
+                <td>{{vpp.name}}</td>
+                <td>{{vpp.ipAddress}}</td>
+                <td>{{vpp.port}}</td>
+                <td>{{vpp.status}}</td>
+                <td>
+                    <md-button ng-click="viewTopology(vpp)">View Topology</md-button>
+                    <md-button ng-click="editVppShowForm(vpp)" ng-hide="vpp.status === 'connected'">Edit</md-button>
+                    <md-button ng-click="deleteVpp(vpp)" >Delete</md-button>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </md-content>
 </div>
\ No newline at end of file