GUI -- Table headers can dynamically display with an icon which sorting direction the table is currently sorted as.
Change-Id: I6c5e6d1c196495dc6065ae58fa6cb21001c01778
diff --git a/web/gui/src/main/webapp/app/fw/svg/icon.js b/web/gui/src/main/webapp/app/fw/svg/icon.js
index bd686f7..e3f4bdb 100644
--- a/web/gui/src/main/webapp/app/fw/svg/icon.js
+++ b/web/gui/src/main/webapp/app/fw/svg/icon.js
@@ -161,6 +161,28 @@
return g;
}
+ function createSortIcon() {
+ function sortAsc(div) {
+ div.style('display', 'inline-block');
+ loadEmbeddedIcon(div, 'tableColSortAsc', 10);
+ }
+
+ function sortDesc(div) {
+ div.style('display', 'inline-block');
+ loadEmbeddedIcon(div, 'tableColSortDesc', 10);
+ }
+
+ function sortNone(div) {
+ div.remove();
+ }
+
+ return {
+ sortAsc: sortAsc,
+ sortDesc: sortDesc,
+ sortNone: sortNone
+ };
+ }
+
// =========================
// === DEFINE THE MODULE
@@ -180,7 +202,8 @@
loadEmbeddedIcon: loadEmbeddedIcon,
addDeviceIcon: addDeviceIcon,
addHostIcon: addHostIcon,
- iconConfig: function () { return config; }
+ iconConfig: function () { return config; },
+ createSortIcon: createSortIcon
};
}]);