146 lines
4.4 KiB
JavaScript
146 lines
4.4 KiB
JavaScript
(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);
|