1 <section flex layout="column">
2 <div flex layout="row">
3 <md-button ng-click="openEndpointDialog('add', null)" class="md-primary">Add</md-button>
4 <md-button ng-click="getEndpointsList()" class="md-primary">Reload</md-button>
6 <md-table-container ng-if="endpoints.data.length">
8 <thead md-head md-order="endpointsTableQuery.order">
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>
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>
23 <span ng-repeat="epg in endpoint.data['endpoint-group']">{{epg}}<span ng-if="!$last">, </span>
27 <md-button class="md-icon-button" ng-click="openEndpointDialog('edit', endpoint)">
28 <md-icon>edit</md-icon>
30 <md-button class="md-icon-button" ng-click="deleteEndpointDialog(endpoint)">
31 <md-icon>delete</md-icon>
37 <md-table-pagination md-limit="endpointsTableQuery.limit"
38 md-page="endpointsTableQuery.page"
39 md-options="endpointsTableQuery.options"
40 md-total="{{endpoints.data.length}}"
41 md-page-select="options.pageSelect">
42 </md-table-pagination>