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

   1 <section flex layout="column">
   2     <div flex layout="row">
   3         <md-button ng-click="openEndpointDialog()" class="md-primary">Add</md-button>
   4         <md-button ng-click="getEndpointsList()" class="md-primary">Reload</md-button>
   5     </div>
   6     <md-table-container ng-if="endpoints.data.length">
   7         <table md-table>
   8             <thead md-head md-order="endpointsTableQuery.order">
   9             <tr md-row>
  10                 <th md-column md-order-by="data['context-id']"><span>Context Id</span></th>
  11                 <th md-column md-order-by="data.address"><span>Address</span></th>
  12                 <th md-column md-order-by="data.tenant"><span>Tenant</span></th>
  13                 <th md-column ><span>Endpoint Group</span></th>
  14                 <th md-column><span>Actions</span></th>
  15             </tr>
  16             </thead>
  17             <tbody md-body>
  18             <tr md-row ng-repeat="endpoint in endpoints.data | filter: endpointsTableQuery.filter  | orderBy : endpointsTableQuery.order | limitTo: endpointsTableQuery.limit : (endpointsTableQuery.page -1) * endpointsTableQuery.limit">
  19                 <td md-cell class="pointer" ng-click="openSidePanel('endpoints/side_panel_endpoints_detail', endpoint.data, null);">{{ endpoint.data['context-id'] }}</td>
  20                 <td md-cell class="pointer" ng-click="openSidePanel('endpoints/side_panel_endpoints_detail', endpoint.data, null);">{{ endpoint.data.address }}</td>
  21                 <td md-cell class="pointer" ng-click="openSidePanel('endpoints/side_panel_endpoints_detail', endpoint.data, null);">{{ endpoint.data.tenant }}</td>
  22                 <td md-cell ng-repeat="epg in endpoint.data['endpoint-group']">{{ epg }}
  23                     <span ng-if="!$last">, </span>
  24                 </td>
  25                 <td md-cell>
  26                     <md-button class="md-icon-button" ng-click="openEndpointDialog(endpoint)">
  27                         <md-icon>edit</md-icon>
  28                     </md-button>
  29                     <md-button class="md-icon-button" ng-click="deleteEndpointDialog(endpoint)">
  30                         <md-icon>delete</md-icon>
  31                     </md-button>
  32                 </td>
  33             </tr>
  34             </tbody>
  35         </table>
  36         <md-table-pagination md-limit="endpointsTableQuery.limit"
  37                              md-page="endpointsTableQuery.page"
  38                              md-options="endpointsTableQuery.options"
  39                              md-total="{{endpoints.data.length}}"
  40                              md-page-select="options.pageSelect">
  41         </md-table-pagination>
  42     </md-table-container>
  43 </section>