1 files changed, 71 insertions, 0 deletions
diff --git a/ecd-app-overlay/src/main/webapp/app/ecdapp/consul/datacenter_table.html b/ecd-app-overlay/src/main/webapp/app/ecdapp/consul/datacenter_table.html
new file mode 100644
index 0000000..73a1b82
--- /dev/null
+++ b/ecd-app-overlay/src/main/webapp/app/ecdapp/consul/datacenter_table.html
@@ -0,0 +1,71 @@
+<div id="page-content">
+
+	<h1 class="heading-page" id="consul_datacenters">Monitored Datacenters</h1>
+	
+   	<!-- show progress indicator -->
+	<div ng-show="ecdapp.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="ecdapp.isDataLoading">
+		
+		<div id="button-search-row">
+			<div style="float:right;">
+		           <div class="form-field form-field__small"> 
+					<input 
+						type="text"
+						placeholder="Search Datacenters"
+						ng-model="ecdapp.searchString"/>
+				</div>
+			</div>
+		</div>
+
+		<div ng-show="ecdapp.isRequestFailed">
+			<span class="ecd-error-message">{{ecdapp.errMsg}}</span>
+		</div>
+	
+		<div ng-hide="ecdapp.isRequestFailed">
+	
+	    	<div 
+	    		b2b-table 
+	    		id="consul-datacenters-table"
+	    		class="b2b-table-div" 
+	    		table-data="ecdapp.tableData" 
+	    		search-string="ecdapp.searchString" 
+	    		current-page="ecdapp.currentPageIgnored"
+	    		next-sort="ecdapp.nextSortIgnored">
+	
+		        <table>
+		        
+		            <thead b2b-table-row type="header">	
+						<tr id="th-header-row">
+							<th b2b-table-header key="name">Name</th>
+						</tr>
+					</thead>
+					
+		            <tbody b2b-table-row type="body" row-repeat="rowData in ecdapp.tableData">
+						<tr id="tr-rowData">
+							<td b2b-table-body
+								ng-bind="rowData.name"/>
+						</tr>
+					</tbody>
+				</table>
+			</div> 
+		
+			<div b2b-pagination="" total-pages="ecdapp.totalPages"
+				current-page="ecdapp.currentPageNum"
+				click-handler="pageChangeHandler" role="navigation"></div>
+	
+		</div>
+		<!-- failed -->
+		
+		<div style="height: 10px;">
+			<!-- space between page number and black footer -->
+		</div>
+		
+	</div><!-- loading -->
+	
+</div><!-- page content -->