Tweak js formatting, highlight header with sort order

This commit is contained in:
Dan Sosedoff 2015-04-28 10:01:34 -05:00
parent 637e7a4e24
commit ec6bb5590d
3 changed files with 31 additions and 20 deletions

File diff suppressed because one or more lines are too long

View File

@ -314,6 +314,15 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
#results th.active {
background: #e3e3e3;
}
#results[data-mode="browse"] th:hover {
cursor: pointer;
background: #fafafa;
}
#results tbody tr:hover td { #results tbody tr:hover td {
background: #ffe; background: #ffe;
} }

View File

@ -98,11 +98,12 @@ function buildTable(results, sortColumn, sortOrder) {
var rows = ""; var rows = "";
results.columns.forEach(function(col) { results.columns.forEach(function(col) {
if (col === sortColumn) { if (col === sortColumn) {
cols += "<th data='" + col + "'" + "data-sort-order=" + sortOrder + ">" + col + "&nbsp;" + sortArrow(sortOrder) + "</th>"; cols += "<th class='active' data='" + col + "'" + "data-sort-order=" + sortOrder + ">" + col + "&nbsp;" + sortArrow(sortOrder) + "</th>";
} else { }
cols += "<th data='" + col + "'>" + col + "</th>"; else {
} cols += "<th data='" + col + "'>" + col + "</th>";
}
}); });
results.rows.forEach(function(row) { results.rows.forEach(function(row) {
@ -449,20 +450,21 @@ $(document).ready(function() {
}); });
$("#results").on("click", "th", function(e) { $("#results").on("click", "th", function(e) {
var sortColumn = this.attributes['data'].value; var sortColumn = this.attributes['data'].value;
var contentTab = $('#table_content').hasClass('selected'); var contentTab = $('#table_content').hasClass('selected');
if (!contentTab) { if (!contentTab) {
return; return;
} }
if (this.dataset.sortOrder === "ASC") { if (this.dataset.sortOrder === "ASC") {
this.dataset.sortOrder = "DESC" this.dataset.sortOrder = "DESC"
} else { }
this.dataset.sortOrder = "ASC" else {
} this.dataset.sortOrder = "ASC"
}
showTableContent(sortColumn, this.dataset.sortOrder); showTableContent(sortColumn, this.dataset.sortOrder);
}); });
$("#results").on("dblclick", "td > div", function() { $("#results").on("dblclick", "td > div", function() {