summaryrefslogtreecommitdiffstatshomepage
path: root/scripts/minimaws/lib/assets/common.js
diff options
context:
space:
mode:
Diffstat (limited to 'scripts/minimaws/lib/assets/common.js')
-rw-r--r--scripts/minimaws/lib/assets/common.js144
1 files changed, 108 insertions, 36 deletions
diff --git a/scripts/minimaws/lib/assets/common.js b/scripts/minimaws/lib/assets/common.js
index 79200217ddb..3b10b785fdd 100644
--- a/scripts/minimaws/lib/assets/common.js
+++ b/scripts/minimaws/lib/assets/common.js
@@ -1,55 +1,127 @@
// license:BSD-3-Clause
// copyright-holders:Vas Crabb
+'use strict';
-function sort_table(tbl, col, dir, numeric)
+function make_collapsible(heading, section)
{
- var tbody = tbl.tBodies[0];
- var trows = Array.prototype.slice.call(tbody.rows, 0).sort(
- function (x, y)
+ var hidden = false;
+ var display = section.style.display;
+ var icon = heading.insertBefore(document.createElement('img'), heading.firstChild);
+ icon.setAttribute('src', assetsurl + '/disclosedown.svg');
+ icon.setAttribute('class', 'disclosure');
+ icon.addEventListener(
+ 'click',
+ function (event)
{
- if (numeric)
- return dir * (parseInt(x.cells[col].textContent) - parseInt(y.cells[col].textContent));
+ hidden = !hidden;
+ if (hidden)
+ {
+ icon.setAttribute('src', assetsurl + '/discloseup.svg');
+ section.style.display = 'none';
+ }
else
- return dir * x.cells[col].textContent.localeCompare(y.cells[col].textContent);
- })
- trows.forEach(function (row) { tbody.appendChild(row); });
+ {
+ icon.setAttribute('src', assetsurl + '/disclosedown.svg');
+ section.style.display = display;
+ var headingtop = 0;
+ for (var element = heading; element !== null; element = element.offsetParent)
+ headingtop += element.offsetTop;
+ var sectionbot = section.offsetHeight;
+ for (var element = section; element !== null; element = element.offsetParent)
+ sectionbot += element.offsetTop;
+ if ((window.pageYOffset + window.innerHeight) < sectionbot)
+ {
+ if ((sectionbot - headingtop) > window.innerHeight)
+ heading.scrollIntoView(true);
+ else
+ window.scroll(window.pageXOffset, sectionbot - window.innerHeight);
+ }
+ }
+ });
+
+ return function ()
+ {
+ hidden = true;
+ icon.setAttribute('src', assetsurl + '/discloseup.svg');
+ section.style.display = 'none';
+ };
}
function make_table_sortable(tbl)
{
- var headers = tbl.tHead.rows[0].cells;
- for (var i = 0; i < headers.length; i++)
+ var sorticons = new Array(tbl.tHead.rows[0].cells.length);
+
+ function TableSortHelper(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)
+ this.column = i;
+ this.header = tbl.tHead.rows[0].cells[i];
+ this.sorted = false;
+ this.direction = 1;
+
+ var container = this.header.appendChild(document.createElement('div'));
+ container.setAttribute('class', 'sorticon');
+
+ this.icon = container.appendChild(document.createElement('img'));
+ this.icon.setAttribute('src', assetsurl + '/sortind.svg');
+ this.icon.addEventListener('click', this.icon_click.bind(this));
+ }
+
+ TableSortHelper.prototype = (function ()
+ {
+ 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
{
- 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');
+ 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); });
+ }
+
+ return {
+ icon_click : function (event)
+ {
+ 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);
}