summaryrefslogtreecommitdiffstatshomepage
path: root/scripts/minimaws/lib/assets/common.js
diff options
context:
space:
mode:
author Vas Crabb <vas@vastheman.com>2021-09-23 17:03:20 +1000
committer Vas Crabb <vas@vastheman.com>2021-09-23 17:03:20 +1000
commitd35ff4bca69175bb6909722379298c17ae2f0989 (patch)
tree8ad8ae2c0c4675f6a7e43126b48c00f53fb90459 /scripts/minimaws/lib/assets/common.js
parent5c447ee7229c17b60c25b4513976068176d39590 (diff)
-minimaws: Made table sort widgets (and the code behind them) less ugly.
-util/delegate.cpp: Added a couple of comments about assumptions.
Diffstat (limited to 'scripts/minimaws/lib/assets/common.js')
-rw-r--r--scripts/minimaws/lib/assets/common.js109
1 files changed, 68 insertions, 41 deletions
diff --git a/scripts/minimaws/lib/assets/common.js b/scripts/minimaws/lib/assets/common.js
index a9d1991e499..b7b482d5405 100644
--- a/scripts/minimaws/lib/assets/common.js
+++ b/scripts/minimaws/lib/assets/common.js
@@ -1,55 +1,82 @@
// license:BSD-3-Clause
// copyright-holders:Vas Crabb
-function sort_table(tbl, col, dir, numeric)
+function make_table_sortable(tbl)
{
- var tbody = tbl.tBodies[0];
- var trows = Array.prototype.slice.call(tbody.rows, 0).sort(
- function (x, y)
+ var sorticons = new Array(tbl.tHead.rows[0].cells.length);
+
+ function TableSortHelper(i)
+ {
+ this.column = i;
+ this.header = tbl.tHead.rows[0].cells[i]
+ this.sorted = false;
+ this.direction = 1;
+
+ this.icon = document.createElement('img');
+ this.icon.setAttribute('src', assetsurl + '/sortind.svg');
+ this.icon.addEventListener('click', this.icon_click.bind(this));
+
+ var container = document.createElement('div');
+ container.setAttribute('class', 'sorticon');
+ container.appendChild(this.icon);
+ this.header.appendChild(container);
+ }
+
+ TableSortHelper.prototype = (function ()
{
- if (numeric)
- return dir * (parseFloat(x.cells[col].textContent) - parseFloat(y.cells[col].textContent));
- else
- return dir * x.cells[col].textContent.localeCompare(y.cells[col].textContent);
- })
- trows.forEach(function (row) { tbody.appendChild(row); });
-}
+ function set_unsorted(obj)
+ {
+ obj.sorted = false;
+ obj.icon.setAttribute('src', assetsurl + '/sortind.svg');
+ }
+ function sort_table(obj)
+ {
+ var c = obj.header.cellIndex;
+ var numeric = obj.header.getAttribute('class') == 'numeric';
+ var tbody = tbl.tBodies[0];
+ var trows;
+ if (numeric)
+ {
+ trows = Array.prototype.slice.call(tbody.rows, 0).sort(
+ function (x, y)
+ {
+ return obj.direction * (parseFloat(x.cells[c].textContent) - parseFloat(y.cells[c].textContent));
+ });
+ }
+ else
+ {
+ trows = Array.prototype.slice.call(tbody.rows, 0).sort(
+ function (x, y)
+ {
+ return obj.direction * x.cells[c].textContent.localeCompare(y.cells[c].textContent);
+ });
+ }
+ trows.forEach(function (row) { tbody.appendChild(row); });
+ }
-function make_table_sortable(tbl)
-{
- var headers = tbl.tHead.rows[0].cells;
- for (var i = 0; i < headers.length; i++)
- {
- (function (col)
- {
- var dir = 1;
- var sorticon = document.createElement('img');
- sorticon.setAttribute('src', assetsurl + '/sortind.png');
- sorticon.style.cssFloat = 'right';
- sorticon.style.marginLeft = '0.5em';
- headers[col].appendChild(sorticon);
- headers[col].addEventListener(
- 'click',
- function (event)
+ return {
+ icon_click : function (event)
{
- var imgsrc = sorticon.getAttribute('src');
- imgsrc = imgsrc.substr(imgsrc.lastIndexOf('/') + 1);
- if (imgsrc != 'sortind.png')
- dir = -dir;
- if (dir < 0)
- sorticon.setAttribute('src', assetsurl + '/sortdesc.png');
+ if (this.sorted)
+ this.direction = -this.direction;
+ if (this.direction < 0)
+ this.icon.setAttribute('src', assetsurl + '/sortdesc.svg');
else
- sorticon.setAttribute('src', assetsurl + '/sortasc.png');
- for (var i = 0; i < headers.length; i++)
+ this.icon.setAttribute('src', assetsurl + '/sortasc.svg');
+ this.sorted = true;
+ for (var i = 0; i < sorticons.length; i++)
{
- if (i != col)
- headers[i].lastChild.setAttribute('src', assetsurl + '/sortind.png');
+ if (i != this.column)
+ set_unsorted(sorticons[i]);
}
- sort_table(tbl, col, dir, headers[col].getAttribute('class') == 'numeric');
- });
- }(i));
- }
+ sort_table(this);
+ }
+ };
+ })();
+
+ for (var i = 0; i < sorticons.length; i++)
+ sorticons[i] = new TableSortHelper(i);
}