HBASE-21207 Add client side sorting functionality in master web UI for table and region server details
Signed-off-by: Andrew Purtell <apurtell@apache.org>
This commit is contained in:
parent
3edf1154fe
commit
c5cf80dc87
|
@ -356,8 +356,22 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
|
|||
</div> <!-- /container -->
|
||||
|
||||
<script src="/static/js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/jquery.tablesorter.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/tab.js" type="text/javascript"></script>
|
||||
<script>
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("#baseStatsTable").tablesorter();
|
||||
$("#memoryStatsTable").tablesorter();
|
||||
$("#requestStatsTable").tablesorter();
|
||||
$("#storeStatsTable").tablesorter();
|
||||
$("#compactionStatsTable").tablesorter();
|
||||
|
||||
$("#userTables").tablesorter();
|
||||
}
|
||||
);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
@ -420,7 +434,8 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
|
|||
}
|
||||
</%java>
|
||||
<%if (tables != null && tables.length > 0)%>
|
||||
<table class="table table-striped">
|
||||
<table id="userTables" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Namespace</th>
|
||||
<th>Table Name</th>
|
||||
|
@ -434,6 +449,8 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
|
|||
<th>Other Regions</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%for HTableDescriptor htDesc : tables%>
|
||||
<%java>
|
||||
TableName tableName = htDesc.getTableName();
|
||||
|
@ -469,6 +486,7 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
|
|||
</tr>
|
||||
</%for>
|
||||
<p><% tables.length %> table(s) in set. [<a href=tablesDetailed.jsp>Details</a>]</p>
|
||||
</tbody>
|
||||
</table>
|
||||
</%if>
|
||||
</%def>
|
||||
|
|
|
@ -77,7 +77,8 @@ Arrays.sort(serverNames);
|
|||
<%args>
|
||||
ServerName [] serverNames;
|
||||
</%args>
|
||||
<table class="table table-striped">
|
||||
<table id="baseStatsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ServerName</th>
|
||||
<th>Start time</th>
|
||||
|
@ -86,6 +87,8 @@ Arrays.sort(serverNames);
|
|||
<th>Requests Per Second</th>
|
||||
<th>Num. Regions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%java>
|
||||
int totalRegions = 0;
|
||||
int totalRequests = 0;
|
||||
|
@ -124,6 +127,7 @@ Arrays.sort(serverNames);
|
|||
<%java>
|
||||
}
|
||||
</%java>
|
||||
</tbody>
|
||||
<tr><td>Total:<% servers.size() %></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
|
@ -142,7 +146,8 @@ Arrays.sort(serverNames);
|
|||
<%args>
|
||||
ServerName [] serverNames;
|
||||
</%args>
|
||||
<table class="table table-striped">
|
||||
<table id="memoryStatsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ServerName</th>
|
||||
<th>Used Heap</th>
|
||||
|
@ -150,6 +155,8 @@ Arrays.sort(serverNames);
|
|||
<th>Memstore Size</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%java>
|
||||
for (ServerName serverName: serverNames) {
|
||||
|
||||
|
@ -174,6 +181,7 @@ for (ServerName serverName: serverNames) {
|
|||
}
|
||||
}
|
||||
</%java>
|
||||
</tbody>
|
||||
</table>
|
||||
</%def>
|
||||
|
||||
|
@ -182,13 +190,16 @@ for (ServerName serverName: serverNames) {
|
|||
<%args>
|
||||
ServerName [] serverNames;
|
||||
</%args>
|
||||
<table class="table table-striped">
|
||||
<table id="requestStatsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ServerName</th>
|
||||
<th>Request Per Second</th>
|
||||
<th>Read Request Count</th>
|
||||
<th>Write Request Count</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%java>
|
||||
for (ServerName serverName: serverNames) {
|
||||
|
||||
|
@ -209,6 +220,7 @@ if (sl != null) {
|
|||
}
|
||||
}
|
||||
</%java>
|
||||
</tbody>
|
||||
</table>
|
||||
</%def>
|
||||
|
||||
|
@ -217,7 +229,8 @@ if (sl != null) {
|
|||
<%args>
|
||||
ServerName [] serverNames;
|
||||
</%args>
|
||||
<table class="table table-striped">
|
||||
<table id="storeStatsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ServerName</th>
|
||||
<th>Num. Stores</th>
|
||||
|
@ -227,6 +240,8 @@ if (sl != null) {
|
|||
<th>Index Size</th>
|
||||
<th>Bloom Size</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%java>
|
||||
for (ServerName serverName: serverNames) {
|
||||
|
||||
|
@ -254,6 +269,7 @@ if (sl != null) {
|
|||
}
|
||||
}
|
||||
</%java>
|
||||
</tbody>
|
||||
</table>
|
||||
</%def>
|
||||
|
||||
|
@ -261,7 +277,8 @@ if (sl != null) {
|
|||
<%args>
|
||||
ServerName [] serverNames;
|
||||
</%args>
|
||||
<table class="table table-striped">
|
||||
<table id="compactionStatsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ServerName</th>
|
||||
<th>Num. Compacting KVs</th>
|
||||
|
@ -269,6 +286,8 @@ if (sl != null) {
|
|||
<th>Remaining KVs</th>
|
||||
<th>Compaction Progress</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<%java>
|
||||
for (ServerName serverName: serverNames) {
|
||||
|
||||
|
@ -295,6 +314,7 @@ if (sl.getTotalCompactingKVs() > 0) {
|
|||
}
|
||||
}
|
||||
</%java>
|
||||
</tbody>
|
||||
</table>
|
||||
</%def>
|
||||
|
||||
|
|
|
@ -28,7 +28,6 @@
|
|||
import="java.util.LinkedHashMap"
|
||||
import="java.util.Map"
|
||||
import="java.util.Collections"
|
||||
import="java.util.Comparator"
|
||||
import="java.util.Collection"
|
||||
import="org.apache.commons.lang.StringEscapeUtils"
|
||||
import="org.apache.hadoop.conf.Configuration"
|
||||
|
@ -60,11 +59,6 @@
|
|||
MetaTableLocator metaTableLocator = new MetaTableLocator();
|
||||
String fqtn = request.getParameter("name");
|
||||
final String escaped_fqtn = StringEscapeUtils.escapeHtml(fqtn);
|
||||
String sortKey = request.getParameter("sort");
|
||||
String reverse = request.getParameter("reverse");
|
||||
final boolean reverseOrder = (reverse==null||!reverse.equals("false"));
|
||||
String showWholeKey = request.getParameter("showwhole");
|
||||
final boolean showWhole = (showWholeKey!=null && showWholeKey.equals("true"));
|
||||
HTable table = null;
|
||||
String tableHeader;
|
||||
boolean withReplica = false;
|
||||
|
@ -164,10 +158,10 @@
|
|||
if ( fqtn != null ) {
|
||||
table = new HTable(conf, fqtn);
|
||||
if (table.getTableDescriptor().getRegionReplication() > 1) {
|
||||
tableHeader = "<h2>Table Regions</h2><table class=\"table table-striped\" style=\"table-layout: fixed; word-wrap: break-word;\"><tr><th>Name</th><th>Region Server</th><th>ReadRequests</th><th>WriteRequests</th><th>StorefileSize</th><th>Num.Storefiles</th><th>MemSize</th><th>Locality</th><th>Start Key</th><th>End Key</th><th>ReplicaID</th></tr>";
|
||||
tableHeader = "<h2>Table Regions</h2><table id=\"tableRegionTable\" class=\"tablesorter table table-striped\" style=\"table-layout: fixed; word-wrap: break-word;\"><thead><tr>Name</th><th>Region Server</th>Start Key</th>End Key</th><th>Locality</th><th>Requests</th><th>ReplicaID</th></tr></thead>";
|
||||
withReplica = true;
|
||||
} else {
|
||||
tableHeader = "<h2>Table Regions</h2><table class=\"table table-striped\" style=\"table-layout: fixed; word-wrap: break-word;\"><tr><th>Name</th><th>Region Server</th><th>ReadRequests</th><th>WriteRequests</th><th>StorefileSize</th><th>Num.Storefiles</th><th>MemSize</th><th>Locality</th><th>Start Key</th><th>End Key</th></tr>";
|
||||
tableHeader = "<h2>Table Regions</h2><table id=\"tableRegionTable\" class=\"tablesorter table table-striped\" style=\"table-layout: fixed; word-wrap: break-word;\"><thead><tr>Name</th><th>Region Server</th>Start Key</th>End Key</th><th>Locality</th><th>Requests</th></tr></thead>";
|
||||
}
|
||||
if ( !readOnly && action != null ) {
|
||||
%>
|
||||
|
@ -219,6 +213,7 @@ if ( fqtn != null ) {
|
|||
if(fqtn.equals(TableName.META_TABLE_NAME.getNameAsString())) {
|
||||
%>
|
||||
<%= tableHeader %>
|
||||
<tbody>
|
||||
<%
|
||||
// NOTE: Presumes meta with one or more replicas
|
||||
for (int j = 0; j < numMetaReplicas; j++) {
|
||||
|
@ -279,6 +274,7 @@ if ( fqtn != null ) {
|
|||
</tr>
|
||||
<% } %>
|
||||
<%} %>
|
||||
</tbody>
|
||||
</table>
|
||||
<%} else {
|
||||
Admin admin = master.getConnection().getAdmin();
|
||||
|
@ -407,22 +403,8 @@ if ( fqtn != null ) {
|
|||
|
||||
if(regions != null && regions.size() > 0) { %>
|
||||
<h2>Table Regions</h2>
|
||||
Sort As
|
||||
<select id="sel" style="margin-right: 10px">
|
||||
<option value="regionName">RegionName</option>
|
||||
<option value="readrequest">ReadRequest</option>
|
||||
<option value="writerequest">WriteRequest</option>
|
||||
<option value="size">StorefileSize</option>
|
||||
<option value="filecount">Num.Storefiles</option>
|
||||
<option value="memstore">MemstoreSize</option>
|
||||
<option value="locality">Locality</option>
|
||||
</select>
|
||||
Ascending<input type="checkbox" id="ascending" value="Ascending" style="margin-right:10px">
|
||||
ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-right:10px">
|
||||
<input type="button" id="submit" value="Reorder" onClick="reloadAsSort()" style="font-size: 12pt; width: 5em; margin-bottom: 5px" class="btn">
|
||||
<p>
|
||||
|
||||
<table class="table table-striped">
|
||||
<table id="regionServerDetailsTable" class="tablesorter table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name(<%= String.format("%,1d", regions.size())%>)</th>
|
||||
<th>Region Server</th>
|
||||
|
@ -441,161 +423,12 @@ ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-
|
|||
<%
|
||||
}
|
||||
%>
|
||||
</thead>
|
||||
</tr>
|
||||
<tbody>
|
||||
|
||||
<%
|
||||
List<Map.Entry<HRegionInfo, RegionLoad>> entryList = new ArrayList<Map.Entry<HRegionInfo, RegionLoad>>(regionsToLoad.entrySet());
|
||||
if(sortKey != null) {
|
||||
if (sortKey.equals("readrequest")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue() == null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue() == null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getReadRequestsCount() < entry2.getValue().getReadRequestsCount()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getReadRequestsCount() > entry2.getValue().getReadRequestsCount()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
} else if (sortKey.equals("writerequest")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue() == null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue() == null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getWriteRequestsCount() < entry2.getValue()
|
||||
.getWriteRequestsCount()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getWriteRequestsCount() > entry2.getValue()
|
||||
.getWriteRequestsCount()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
} else if (sortKey.equals("size")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue() == null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue() == null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getStorefileSizeMB() < entry2.getValue()
|
||||
.getStorefileSizeMB()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getStorefileSizeMB() > entry2
|
||||
.getValue().getStorefileSizeMB()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
} else if (sortKey.equals("filecount")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue() == null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue() == null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getStorefiles() < entry2.getValue()
|
||||
.getStorefiles()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getStorefiles() > entry2.getValue()
|
||||
.getStorefiles()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
} else if (sortKey.equals("memstore")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue()==null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue()==null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getMemStoreSizeMB() < entry2.getValue()
|
||||
.getMemStoreSizeMB()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getMemStoreSizeMB() > entry2
|
||||
.getValue().getMemStoreSizeMB()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
} else if (sortKey.equals("locality")) {
|
||||
Collections.sort(entryList,
|
||||
new Comparator<Map.Entry<HRegionInfo, RegionLoad>>() {
|
||||
public int compare(
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry1,
|
||||
Map.Entry<HRegionInfo, RegionLoad> entry2) {
|
||||
if (entry1 == null || entry1.getValue()==null) {
|
||||
return -1;
|
||||
} else if (entry2 == null || entry2.getValue()==null) {
|
||||
return 1;
|
||||
}
|
||||
int result = 0;
|
||||
if (entry1.getValue().getDataLocality() < entry2.getValue()
|
||||
.getDataLocality()) {
|
||||
result = -1;
|
||||
} else if (entry1.getValue().getDataLocality() > entry2
|
||||
.getValue().getDataLocality()) {
|
||||
result = 1;
|
||||
}
|
||||
if (reverseOrder) {
|
||||
result = -1 * result;
|
||||
}
|
||||
return result;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
numRegions = regions.size();
|
||||
int numRegionsRendered = 0;
|
||||
// render all regions
|
||||
|
@ -641,7 +474,7 @@ ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-
|
|||
numRegionsRendered++;
|
||||
%>
|
||||
<tr>
|
||||
<td><%= escapeXml(showWhole?Bytes.toStringBinary(regionInfo.getRegionName()):regionInfo.getEncodedName()) %></td>
|
||||
<td><%= escapeXml(Bytes.toStringBinary(regionInfo.getRegionName())) %></td>
|
||||
<%
|
||||
if (urlRegionServer != null) {
|
||||
%>
|
||||
|
@ -661,8 +494,8 @@ ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-
|
|||
<td><%= fileCount%></td>
|
||||
<td><%= memSize%></td>
|
||||
<td><%= locality%></td>
|
||||
<td><%= escapeXml(showWhole?Bytes.toStringBinary(regionInfo.getStartKey()):"-")%></td>
|
||||
<td><%= escapeXml(showWhole?Bytes.toStringBinary(regionInfo.getEndKey()):"-")%></td>
|
||||
<td><%= escapeXml(Bytes.toStringBinary(regionInfo.getStartKey()))%></td>
|
||||
<td><%= escapeXml(Bytes.toStringBinary(regionInfo.getEndKey()))%></td>
|
||||
<%
|
||||
if (withReplica) {
|
||||
%>
|
||||
|
@ -673,6 +506,7 @@ ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-
|
|||
</tr>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</tbody>
|
||||
</table>
|
||||
<% if (numRegions > numRegionsRendered) {
|
||||
String allRegionsUrl = "?name=" + URLEncoder.encode(fqtn,"UTF-8") + "&numRegions=all";
|
||||
|
@ -685,11 +519,12 @@ ShowDetailName&Start/End Key<input type="checkbox" id="showWhole" style="margin-
|
|||
<%
|
||||
if (withReplica) {
|
||||
%>
|
||||
<table class="table table-striped"><tr><th>Region Server</th><th>Region Count</th><th>Primary Region Count</th></tr>
|
||||
<table id="regionServerTable" class="tablesorter table table-striped"><thead><tr><th>Region Server</th><th>Region Count</th><th>Primary Region Count</th></tr><thead>
|
||||
<%
|
||||
} else {
|
||||
%>
|
||||
<table class="table table-striped"><tr><th>Region Server</th><th>Region Count</th></tr>
|
||||
<table id="regionServerTable" class="tablesorter table table-striped"><thead><tr><th>Region Server</th><th>Region Count</th></tr></thead>
|
||||
<tbody>
|
||||
<%
|
||||
}
|
||||
%>
|
||||
|
@ -710,6 +545,7 @@ if (withReplica) {
|
|||
%>
|
||||
</tr>
|
||||
<% } %>
|
||||
</tbody>
|
||||
</table>
|
||||
<% }
|
||||
} catch(Exception ex) {
|
||||
|
@ -803,41 +639,18 @@ Actions:
|
|||
</div>
|
||||
<% } %>
|
||||
<script src="/static/js/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/jquery.tablesorter.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
var index=0;
|
||||
var sortKeyValue='<%= StringEscapeUtils.escapeJavaScript(sortKey) %>';
|
||||
if(sortKeyValue=="readrequest")index=1;
|
||||
else if(sortKeyValue=="writerequest")index=2;
|
||||
else if(sortKeyValue=="size")index=3;
|
||||
else if(sortKeyValue=="filecount")index=4;
|
||||
else if(sortKeyValue=="memstore")index=5;
|
||||
else if(sortKeyValue=="locality")index=6;
|
||||
document.getElementById("sel").selectedIndex=index;
|
||||
|
||||
<% // turned into a boolean when we pulled it out of the request. %>
|
||||
var reverse='<%= reverseOrder %>';
|
||||
if(reverse=='false')document.getElementById("ascending").checked=true;
|
||||
|
||||
<% // turned into a boolean when we pulled it out of the request. %>
|
||||
var showWhole='<%= showWhole %>';
|
||||
if(showWhole=='true')document.getElementById("showWhole").checked=true;
|
||||
|
||||
function reloadAsSort(){
|
||||
var url="?name="+'<%= fqtn != null ? URLEncoder.encode(fqtn) : "" %>';
|
||||
if(document.getElementById("sel").selectedIndex>0){
|
||||
url=url+"&sort="+document.getElementById("sel").value;
|
||||
}
|
||||
if(document.getElementById("ascending").checked){
|
||||
url=url+"&reverse=false";
|
||||
}
|
||||
if(document.getElementById("showWhole").checked){
|
||||
url=url+"&showwhole=true";
|
||||
}
|
||||
location.href=url;
|
||||
}
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("#regionServerTable").tablesorter();
|
||||
$("#regionServerDetailsTable").tablesorter();
|
||||
$("#tableRegionTable").tablesorter();
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 54 B |
Binary file not shown.
After Width: | Height: | Size: 64 B |
Binary file not shown.
After Width: | Height: | Size: 54 B |
|
@ -40,3 +40,17 @@ section { margin-bottom: 3em; }
|
|||
}
|
||||
|
||||
/* Region Server page styling */
|
||||
|
||||
/* sortable tables styling */
|
||||
table.tablesorter thead tr .header {
|
||||
background-image: url(bg.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center right;
|
||||
cursor: pointer;
|
||||
}
|
||||
table.tablesorter thead tr .headerSortUp {
|
||||
background-image: url(asc.gif);
|
||||
}
|
||||
table.tablesorter thead tr .headerSortDown {
|
||||
background-image: url(desc.gif);
|
||||
}
|
||||
|
|
4
hbase-server/src/main/resources/hbase-webapps/static/js/jquery.tablesorter.min.js
vendored
Executable file
4
hbase-server/src/main/resources/hbase-webapps/static/js/jquery.tablesorter.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue