From f5e3e98d5c14252db91b8642028728553b43baca Mon Sep 17 00:00:00 2001
From: Varun Seereeram <vseereer@cisco.com>
Date: Sun, 7 Feb 2016 02:59:07 -0800
Subject: Inventory rework

- ui-grid replaces by smart-table
- dark theme setted
- orange buttons added

Change-Id: I2afe3231a1e889a1d23056242167cad65cbfae11
Signed-off-by: Daniel Malachovsky <daniel.malachovsky@pantheon.sk>
Signed-off-by: Varun Seereeram <vseereer@cisco.com>
---
 .../resources/vpp/views/inventory-table.tpl.html   | 55 +++++++++++-----------
 1 file changed, 27 insertions(+), 28 deletions(-)

(limited to '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 4f15332de..3335ad395 100644
--- 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
-- 
cgit 1.2.3-korg