aboutsummaryrefslogtreecommitdiffstats
path: root/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/messagerouter/mr_client_list.html
blob: ad0f74412748f5ee97b421fc839ab9559b55d245 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!-- Client list. Controller is specified by route provider. -->
<div id="page-content">

	<h1 class="heading-page" id="topicClients">Topic Clients</h1>
	
   	<!-- show progress indicator -->
	<div ng-show="dbcapp.isDataLoading">
		<div class="span" style="margin-bottom:20px;">
    		<i class="icon-primary-spinner small" role="img" aria-label="Please wait while the content loads"></i>
    		Please wait while the content loads.
	    </div>
	</div>

	<div ng-hide="dbcapp.isDataLoading">

		<div id="button-search-row">
			<!-- NO "add" button on this page -->
			<div style="float:right;">
		           <div class="form-field form-field__small"> 
					<input 
						type="text"
						placeholder="Search clients"
						ng-model="dbcapp.searchString"/>
				    <!-- <i class="icon-primary-questionmark"></i> -->
				</div>
			</div>
		</div>

		<div ng-show="dbcapp.isRequestFailed">
			<span class="errorMessageText">{{dbcapp.errMsg}}</span>
		</div>
		
		<div ng-hide="dbcapp.isRequestFailed">
			<h4 class="heading-small-emphasis">
				Access Profile {{dbcapp.profileName}},  DMaaP Name {{dbcapp.dmaapName}}
		</div>

    	<div 
    		b2b-table 
    		id="clients-table"
    		class="b2b-table-div" 
    		table-data="dbcapp.tableData" 
    		search-string="dbcapp.searchString" 
    		current-page="dbcapp.currentPageIgnored"
    		next-sort="dbcapp.nextSortIgnored">

	        <table>

	            <thead b2b-table-row type="header">
					<tr>
						<th b2b-table-header key="mrClientId">MR Client ID</th>
						<th b2b-table-header key="dcaeLocationName">DCAE Location Name</th>
						<th b2b-table-header key="fqtn">Qualified Topic Name</th>
						<th b2b-table-header key="action">Action</th>
						<th b2b-table-header key="clientRole">Client Role</th>
						<th b2b-table-header key="lastMod">Last	Modified</th>
						<th b2b-table-header key="status">Status</th>
						<th b2b-table-header key="topicURL">Topic URL</th>
			  			<th b2b-table-header sortable="false">Delete</th>
					</tr>
				</thead>
				
	            <tbody b2b-table-row type="body" row-repeat="rowData in dbcapp.tableData">
					<tr id="tr-rowData">
						<td b2b-table-body 
							ng-bind="rowData.mrClientId"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.dcaeLocationName"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.fqtn"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.action"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.clientRole"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.lastMod"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.status"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
						<td b2b-table-body 
							ng-bind="rowData.topicURL"
							ng-click="dbcapp.editClientModalPopup(rowData)"/>
					 	<td b2b-table-body> 
					    	<div ng-click="dbcapp.deleteClientModalPopup(rowData);">
					    		<a href="" class="icon-misc-trash"></a>
					    	</div>
				     	</td>
					</tr>
				</tbody>
			</table>
		</div>

		<div class="row-nowrap">
			<div class="span12">
				<div class="form-row">
					<label for="pageNumber">Page Number:</label>
					<div class="field-group">
						<select b2b-dropdown id="pageNumber" name="currentPageNumSelector" ng-model="dbcapp.currentPageNum" ng-change="dbcapp.loadTable()">
							<option b2b-dropdown-list 
								option-repeat="p in dbcapp.buildArraySizeN(dbcapp.totalPages) track by $index"
								value="{{$index+1}}">{{$index+1}}</option>
						</select>
					</div>
				</div>
			</div> 
			<div class="span12">
				<div class="form-row">
					<label for="pageCount">Page Count:</label>
					<div class="field-group">
						<input id="pageCount" class="span12" type="text" data-ng-model="dbcapp.totalPages" readonly="true">
					</div>
				</div>
			</div>
			<div class="span12">
				<div class="form-row">
					<label for="rowsPerPage">Rows per Page:</label>
					<div class="field-group">
						<select b2b-dropdown id="rowsPerPage" name="rowsPerPage" ng-model="dbcapp.viewPerPage" ng-change="dbcapp.loadTable()">
							<option b2b-dropdown-list 
								option-repeat="v in dbcapp.viewPerPageOptions" 
								value="{{v.value}}">{{v.value}}</option>
						</select>
					</div>
				</div>
			</div> 
		</div>
		<div style="height: 10px;">
			<!-- space between page number and black footer -->
		</div>
			
	</div><!-- loading -->
	
</div><!-- page content -->