privacyguides.org/assets/js/sortable.js

146 lines
4.4 KiB
JavaScript
Raw Normal View History

2015-07-08 14:30:48 +02:00
(function() {
var SELECTOR, clickEvent, numberRegExp, sortable, touchDevice, trimRegExp;
SELECTOR = 'table[data-sortable]';
numberRegExp = /^-?[£$¤]?[\d,.]+%?$/;
trimRegExp = /^\s+|\s+$/g;
touchDevice = 'ontouchstart' in document.documentElement;
clickEvent = touchDevice ? 'touchstart' : 'click';
sortable = {
init: function() {
var table, tables, _i, _len, _results;
tables = document.querySelectorAll(SELECTOR);
_results = [];
for (_i = 0, _len = tables.length; _i < _len; _i++) {
table = tables[_i];
_results.push(sortable.initTable(table));
}
return _results;
},
initTable: function(table) {
var i, th, ths, _i, _len;
if (table.tHead.rows.length !== 1) {
return;
}
if (table.getAttribute('data-sortable-initialized') === 'true') {
return;
}
table.setAttribute('data-sortable-initialized', 'true');
ths = table.querySelectorAll('th');
for (i = _i = 0, _len = ths.length; _i < _len; i = ++_i) {
th = ths[i];
if (th.getAttribute('data-sortable') !== 'false') {
sortable.setupClickableTH(table, th, i);
}
}
return table;
},
setupClickableTH: function(table, th, i) {
var type;
type = sortable.getColumnType(table, i);
return th.addEventListener(clickEvent, function(e) {
var newSortedDirection, row, rowArray, rowArrayObject, sorted, sortedDirection, tBody, ths, _i, _j, _k, _len, _len1, _len2, _ref, _results;
sorted = this.getAttribute('data-sorted') === 'true';
sortedDirection = this.getAttribute('data-sorted-direction');
if (sorted) {
newSortedDirection = sortedDirection === 'ascending' ? 'descending' : 'ascending';
} else {
newSortedDirection = type.defaultSortDirection;
}
ths = this.parentNode.querySelectorAll('th');
for (_i = 0, _len = ths.length; _i < _len; _i++) {
th = ths[_i];
th.setAttribute('data-sorted', 'false');
th.removeAttribute('data-sorted-direction');
}
this.setAttribute('data-sorted', 'true');
this.setAttribute('data-sorted-direction', newSortedDirection);
tBody = table.tBodies[0];
rowArray = [];
_ref = tBody.rows;
for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
row = _ref[_j];
rowArray.push([sortable.getNodeValue(row.cells[i]), row]);
}
if (sorted) {
rowArray.reverse();
} else {
rowArray.sort(type.compare);
}
_results = [];
for (_k = 0, _len2 = rowArray.length; _k < _len2; _k++) {
rowArrayObject = rowArray[_k];
_results.push(tBody.appendChild(rowArrayObject[1]));
}
return _results;
});
},
getColumnType: function(table, i) {
var row, text, _i, _len, _ref;
_ref = table.tBodies[0].rows;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
row = _ref[_i];
text = sortable.getNodeValue(row.cells[i]);
if (text !== '' && text.match(numberRegExp)) {
return sortable.types.numeric;
}
}
return sortable.types.alpha;
},
getNodeValue: function(node) {
if (!node) {
return '';
}
if (node.getAttribute('data-value') !== null) {
return node.getAttribute('data-value');
}
if (typeof node.innerText !== 'undefined') {
return node.innerText.replace(trimRegExp, '');
}
return node.textContent.replace(trimRegExp, '');
},
types: {
numeric: {
defaultSortDirection: 'descending',
compare: function(a, b) {
var aa, bb;
aa = parseFloat(a[0].replace(/[^0-9.-]/g, ''));
bb = parseFloat(b[0].replace(/[^0-9.-]/g, ''));
if (isNaN(aa)) {
aa = 0;
}
if (isNaN(bb)) {
bb = 0;
}
return bb - aa;
}
},
alpha: {
defaultSortDirection: 'ascending',
compare: function(a, b) {
var aa, bb;
aa = a[0].toLowerCase();
bb = b[0].toLowerCase();
if (aa === bb) {
return 0;
}
if (aa < bb) {
return -1;
}
return 1;
}
}
}
};
setTimeout(sortable.init, 0);
window.Sortable = sortable;
}).call(this);