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

   1 <section flex layout="column">
   2     <md-table-container ng-if="tenants.data.length">
   3         <table md-table>
   4             <thead md-head md-order="tenantsTableQuery.order">
   5             <tr md-row>
   6                 <th md-column md-order-by="data.id"><span>Id</span></th>
   7                 <th md-column md-order-by="data.name"><span>Name</span></th>
   8                 <th md-column md-order-by="data.description"><span>Description</span></th>
   9                 <th md-column><span>Actions</span></th>
  10             </tr>
  11             </thead>
  12             <tbody md-body>
  13             <tr md-row ng-repeat="tenant in tenants.data | filter: tenantsTableQuery.filter  | orderBy : tenantsTableQuery.order | limitTo: tenantsTableQuery.limit : (tenantsTableQuery.page -1) * tenantsTableQuery.limit">
  14                 <td md-cell>{{tenant.data.id}}</td>
  15                 <td md-cell>{{tenant.data.name}}</td>
  16                 <td md-cell>{{tenant.data.description}}</td>
  17                 <td md-cell>
  18                     <md-button class="md-icon-button" ng-click="edit(tenant)">
  19                         <md-icon>edit</md-icon>
  20                     </md-button>
  21                     <md-button class="md-icon-button" ng-click="delete(tenant)">
  22                         <md-icon>delete</md-icon>
  23                     </md-button>
  24                 </td>
  25             </tr>
  26
  27             </tbody>
  28         </table>
  29         <md-table-pagination md-limit="tenantsTableQuery.limit"
  30                              md-page="tenantsTableQuery.page"
  31                              md-options="tenantsTableQuery.options"
  32                              md-total="{{tenants.data.length}}"
  33                              md-page-select="options.pageSelect">
  34         </md-table-pagination>
  35     </md-table-container>
  36 </section>