diff options
Diffstat (limited to 'dcae_dmaapbc_webapp/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html')
-rw-r--r-- | dcae_dmaapbc_webapp/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/dcae_dmaapbc_webapp/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html b/dcae_dmaapbc_webapp/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html new file mode 100644 index 0000000..1dac153 --- /dev/null +++ b/dcae_dmaapbc_webapp/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html @@ -0,0 +1,142 @@ +<!-- + ================================================================================ + DCAE DMaaP Bus Controller Web Application + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + ================================================================================ + --> +<!-- controller is specified by route provider --> + +<div class="pageTitle"> + <h3 class="heading3" style="margin-top: 10px; margin-bottom: 10px;">Topic Clients</h3> +</div> + +<div id="button-search-row"> + <!-- NO "add" button on this page --> + <div style="float:right;"> + <div class="form-field form-field__small"> + <input class="fn-ebz-text.search" + type="text" + placeholder="Search clients" + ng-model="dbcapp.searchString"/> + <i class="ion-search" style="position:relative;line-height:10px;top:-25px;right:-190px"></i> + </div> + </div> + </div> + +<!-- show progress indicator --> +<div ng-show="dbcapp.isDataLoading"> + <div att-loading></div> +</div> + +<div ng-hide="dbcapp.isDataLoading"> + + <div ng-show="dbcapp.isRequestFailed"> + <span class="errorMessageText">{{dbcapp.errMsg}}</span> + </div> + + <div ng-hide="dbcapp.isRequestFailed"> + Access Profile <strong>{{dbcapp.profileName}}</strong>, DMaaP Name <strong>{{dbcapp.dmaapName}}</strong> + </div> + + <table att-table + id="clients-table" + table-data="dbcapp.tableData" + search-string="dbcapp.searchString" + view-per-page="dbcapp.viewPerPageIgnored" + current-page="dbcapp.currentPageIgnored" + total-page="dbcapp.totalPageIgnored"> + + <thead att-table-row type="header"> + <tr> + <th att-table-header sortable="true" key="mrClientId">MR Client ID</th> + <th att-table-header sortable="true" key="dcaeLocationName">DCAE Location Name</th> + <th att-table-header sortable="true" key="fqtn">Qualified Topic Name</th> + <th att-table-header sortable="true" key="action">Action</th> + <th att-table-header sortable="true" key="clientRole">Client Role</th> + <th att-table-header sortable="true" key="lastMod">Last Modified</th> + <th att-table-header sortable="true" key="status">Status</th> + <th att-table-header sortable="true" key="topicURL">Topic URL</th> + <th att-table-header sortable="false">Delete</th> + </tr> + </thead> + <tbody att-table-row type="body" row-repeat="rowData in dbcapp.tableData"> + <tr> + <td att-table-body + ng-bind="rowData.mrClientId" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.dcaeLocationName" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.fqtn" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.action" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.clientRole" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.lastMod" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.status" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body + ng-bind="rowData.topicURL" + ng-click="dbcapp.editClientModalPopup(rowData)"/> + <td att-table-body> + <div ng-click="dbcapp.deleteClientModalPopup(rowData);" style="font-size:20px;"> + <a href="" class="ion-trash-b"></a> + </div> + </td> + </tr> + </tbody> + </table> + + <div class="fn-ebz-container" > + Page Number: + <select class="fn-ebz-select dbcpageselect" + name="currentPageNumSelector" + ng-model="dbcapp.currentPageNum" + ng-change="dbcapp.loadTable()"> + <option ng-repeat="p in dbcapp.buildArraySizeN(dbcapp.totalPages) track by $index" + value="{{$index+1}}" + ng-selected="{{$index+1}}=={{dbcapp.currentPageNum}}"> + {{$index+1}} + </option> + </select> + Page Count: + <input class="fn-ebz-text dbcpagenum" + type="text" + ng-model="dbcapp.totalPages" + readonly="true"> + Rows per Page: + <select class="fn-ebz-select dbcpageselect" + name="viewPerPageSelector" + ng-model="dbcapp.viewPerPage" + ng-change="dbcapp.loadTable()" + style="height: 30px;"> + <option ng-repeat="v in dbcapp.viewPerPageOptions" + value="{{v.value}}" + ng-selected="{{v.value}}=={{dbcapp.viewPerPage}}"> + {{v.value}} + </option> + </select> + </div> + +</div> +<!-- loading --> |