groupbasedpolicy-ui/module/src/main/resources/gbp/epg/epg.tpl.html

   1 <section flex layout="column">
   2         <div flex layout="row">
   3             <md-button ng-click="openEpgDialog()" class="md-primary">Add</md-button>
   4             <md-button ng-click="getEpgList()" class="md-primary">Reload</md-button>
   5         </div>
   6     <md-table-container ng-if="epgs.data.length">
   7         <table md-table>
   8             <thead md-head md-order="epgsTableQuery.order">
   9             <tr md-row>
  10                     <th md-column md-order-by="data.id"><span>Id</span></th>
  11                     <th md-column md-order-by="data.name"><span>Name</span></th>
  12                     <th md-column md-order-by="data.description"><span>Description</span></th>
  13                     <th md-column md-order-by="data['intra-group-policy']"><span>intra-group-policy</span></th>
  14                     <th md-column md-order-by="data['network-domain']"><span>network-domain</span></th>
  15                     <th md-column md-order-by="data.parent"><span>Parent</span></th>
  16             </tr>
  17             </thead>
  18             <tbody md-body>
  19             <tr md-row ng-repeat="epg in epgs.data | filter: epgsTableQuery.filter  | orderBy : epgsTableQuery.order | limitTo: epgsTableQuery.limit : (epgsTableQuery.page -1) * epgsTableQuery.limit">
  20                     <td md-cell>{{epg.data.id}}</td>
  21                     <td md-cell>{{epg.data.name}}</td>
  22                     <td md-cell>{{epg.data.description}}</td>
  23                     <td md-cell>{{epg.data['intra-group-policy']}}</td>
  24                     <td md-cell>{{epg.data['network-domain']}}</td>
  25                     <td md-cell>{{epg.data.parent}}</td>
  26                 <td md-cell>
  27                     <md-button class="md-icon-button" ng-click="openEpgDialog(epg)">
  28                         <md-icon>edit</md-icon>
  29                     </md-button>
  30                     <md-button class="md-icon-button" ng-click="deleteEpgDialog(epg)">
  31                         <md-icon>delete</md-icon>
  32                     </md-button>
  33                 </td>
  34             </tr>
  35
  36             </tbody>
  37         </table>
  38         <md-table-pagination md-limit="epgsTableQuery.limit"
  39                              md-page="epgsTableQuery.page"
  40                              md-options="epgsTableQuery.options"
  41                              md-total="{{epgs.data.length}}"
  42                              md-page-select="options.pageSelect">
  43         </md-table-pagination>
  44     </md-table-container>
  45 </section>