vbd/gui/module/src/main/resources/vpp/views/inventory-table.tpl.html

   1 <div ng-controller="InventoryTableController">
   2     <div layout="row" flex="100" layout-margin>
   3         <div class="md-whiteframe-z2 flex">
   4             <md-content layout-padding>
   5                 <div style="float: left">
   6                     <h3>VPP List</h3>
   7                 </div>
   8                 <div style="float: right">
   9                     <md-button ng-click="addVppShowForm()" class="md-raised">Mount VPP</md-button>
  10                     <md-button ng-click="getVppList()" class="md-raised">Reload VPPs</md-button>
  11                 </div>
  12
  13                 <table st-table="displayVppList" st-safe-src="vppList" class="table table-striped">
  14                     <thead>
  15                     <tr>
  16                         <th st-sort="name" class="interactive">VPP Name</th>
  17                         <th st-sort="ipAddress" class="interactive">IP Address</th>
  18                         <th st-sort="port" class="interactive">Port</th>
  19                         <th st-sort="status" class="interactive">Connection Status</th>
  20                         <th>Actions</th>
  21                     </tr>
  22                     </thead>
  23                     <tbody>
  24                     <tr ng-repeat="vpp in displayVppList">
  25                         <td>{{vpp.name}}</td>
  26                         <td>{{vpp.ipAddress}}</td>
  27                         <td>{{vpp.port}}</td>
  28                         <td>{{vpp.status}}</td>
  29                         <td>
  30                             <!--<md-button ng-click="viewTopology(vpp)" class="md-accent">View Topology</md-button>-->
  31                             <md-button ng-click="selectVpp(vpp); setMainView('inventoryDetail')" >Detail</md-button>
  32                             <md-button ng-click="editVppShowForm(vpp)" ng-disabled="vpp.status === 'connected'" class="md-accent">Edit</md-button>
  33                             <md-button ng-click="deleteVpp(vpp)" class="md-accent">Delete</md-button>
  34                         </td>
  35                     </tr>
  36                     </tbody>
  37                 </table>
  38             </md-content>
  39         </div>
  40     </div>
  41 </div>