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/view/device/device.html b/web/gui/src/main/webapp/app/view/device/device.html
index aef1228..f8a62a0 100644
--- a/web/gui/src/main/webapp/app/view/device/device.html
+++ b/web/gui/src/main/webapp/app/view/device/device.html
@@ -4,6 +4,7 @@
<table class="summary-list"
onos-fixed-header
ng-style="setTableHW()"
+ onos-sortable-header
sort-callback="ctrl.sortCallback()">
<thead>
<tr>
diff --git a/web/gui/src/main/webapp/app/view/device/device.js b/web/gui/src/main/webapp/app/view/device/device.js
index b607936..0d7779c 100644
--- a/web/gui/src/main/webapp/app/view/device/device.js
+++ b/web/gui/src/main/webapp/app/view/device/device.js
@@ -20,9 +20,6 @@
(function () {
'use strict';
- var currCol = {},
- prevCol = {};
-
angular.module('ovDevice', [])
.controller('OvDeviceCtrl', ['$log', '$location', 'RestService',
@@ -38,31 +35,6 @@
self.deviceData = data.devices;
});
- d3.selectAll('th').on('click', function () {
- var thElem = d3.select(this);
- currCol.colId = thElem.attr('colId');
-
- if(currCol.colId === prevCol.colId) {
- (currCol.icon === 'tableColSortDesc') ?
- currCol.icon = 'tableColSortAsc' :
- currCol.icon = 'tableColSortDesc';
- prevCol.icon = currCol.icon;
- } else {
- currCol.icon = 'tableColSortAsc';
- prevCol.icon = 'tableColSortNone';
- }
-
- $log.debug('currCol clicked: ' + currCol.colId +
- ', with sorting icon: ' + currCol.icon);
- $log.debug('prevCol clicked: ' + prevCol.colId +
- ', with its current sorting icon as ' + prevCol.icon);
-
- // TODO: send the prev and currCol info to the server to use in sorting table here
-
- prevCol.colId = currCol.colId;
-
- });
-
$log.log('OvDeviceCtrl has been created');
}]);
}());