mirror of
https://github.com/mailcow/mailcow-dockerized.git
synced 2024-12-15 09:00:26 +08:00
237 lines
7.2 KiB
JavaScript
237 lines
7.2 KiB
JavaScript
(function() {
|
|
var SELECTOR, addEventListener, clickEvents, numberRegExp, sortable, touchDevice, trimRegExp;
|
|
|
|
SELECTOR = 'table[data-sortable]';
|
|
|
|
numberRegExp = /^-?[£$¤]?[\d,.]+%?$/;
|
|
|
|
trimRegExp = /^\s+|\s+$/g;
|
|
|
|
clickEvents = ['click'];
|
|
|
|
touchDevice = 'ontouchstart' in document.documentElement;
|
|
|
|
if (touchDevice) {
|
|
clickEvents.push('touchstart');
|
|
}
|
|
|
|
addEventListener = function(el, event, handler) {
|
|
if (el.addEventListener != null) {
|
|
return el.addEventListener(event, handler, false);
|
|
} else {
|
|
return el.attachEvent("on" + event, handler);
|
|
}
|
|
};
|
|
|
|
sortable = {
|
|
init: function(options) {
|
|
var table, tables, _i, _len, _results;
|
|
if (options == null) {
|
|
options = {};
|
|
}
|
|
if (options.selector == null) {
|
|
options.selector = SELECTOR;
|
|
}
|
|
tables = document.querySelectorAll(options.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, _ref;
|
|
if (((_ref = table.tHead) != null ? _ref.rows.length : void 0) !== 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 eventName, onClick, type, _i, _len, _results;
|
|
type = sortable.getColumnType(table, i);
|
|
onClick = function(e) {
|
|
var compare, item, newSortedDirection, position, row, rowArray, sorted, sortedDirection, tBody, ths, value, _compare, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _m, _ref, _ref1;
|
|
if (e.handled !== true) {
|
|
e.handled = true;
|
|
} else {
|
|
return false;
|
|
}
|
|
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 = [];
|
|
if (!sorted) {
|
|
if (type.compare != null) {
|
|
_compare = type.compare;
|
|
} else {
|
|
_compare = function(a, b) {
|
|
return b - a;
|
|
};
|
|
}
|
|
compare = function(a, b) {
|
|
if (a[0] === b[0]) {
|
|
return a[2] - b[2];
|
|
}
|
|
if (type.reverse) {
|
|
return _compare(b[0], a[0]);
|
|
} else {
|
|
return _compare(a[0], b[0]);
|
|
}
|
|
};
|
|
_ref = tBody.rows;
|
|
for (position = _j = 0, _len1 = _ref.length; _j < _len1; position = ++_j) {
|
|
row = _ref[position];
|
|
value = sortable.getNodeValue(row.cells[i]);
|
|
if (type.comparator != null) {
|
|
value = type.comparator(value);
|
|
}
|
|
rowArray.push([value, row, position]);
|
|
}
|
|
rowArray.sort(compare);
|
|
for (_k = 0, _len2 = rowArray.length; _k < _len2; _k++) {
|
|
row = rowArray[_k];
|
|
tBody.appendChild(row[1]);
|
|
}
|
|
} else {
|
|
_ref1 = tBody.rows;
|
|
for (_l = 0, _len3 = _ref1.length; _l < _len3; _l++) {
|
|
item = _ref1[_l];
|
|
rowArray.push(item);
|
|
}
|
|
rowArray.reverse();
|
|
for (_m = 0, _len4 = rowArray.length; _m < _len4; _m++) {
|
|
row = rowArray[_m];
|
|
tBody.appendChild(row);
|
|
}
|
|
}
|
|
if (typeof window['CustomEvent'] === 'function') {
|
|
return typeof table.dispatchEvent === "function" ? table.dispatchEvent(new CustomEvent('Sortable.sorted', {
|
|
bubbles: true
|
|
})) : void 0;
|
|
}
|
|
};
|
|
_results = [];
|
|
for (_i = 0, _len = clickEvents.length; _i < _len; _i++) {
|
|
eventName = clickEvents[_i];
|
|
_results.push(addEventListener(th, eventName, onClick));
|
|
}
|
|
return _results;
|
|
},
|
|
getColumnType: function(table, i) {
|
|
var row, specified, text, type, _i, _j, _len, _len1, _ref, _ref1, _ref2;
|
|
specified = (_ref = table.querySelectorAll('th')[i]) != null ? _ref.getAttribute('data-sortable-type') : void 0;
|
|
if (specified != null) {
|
|
return sortable.typesObject[specified];
|
|
}
|
|
_ref1 = table.tBodies[0].rows;
|
|
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
|
|
row = _ref1[_i];
|
|
text = sortable.getNodeValue(row.cells[i]);
|
|
_ref2 = sortable.types;
|
|
for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
|
|
type = _ref2[_j];
|
|
if (type.match(text)) {
|
|
return type;
|
|
}
|
|
}
|
|
}
|
|
return sortable.typesObject.alpha;
|
|
},
|
|
getNodeValue: function(node) {
|
|
var dataValue;
|
|
if (!node) {
|
|
return '';
|
|
}
|
|
dataValue = node.getAttribute('data-value');
|
|
if (dataValue !== null) {
|
|
return dataValue;
|
|
}
|
|
if (typeof node.innerText !== 'undefined') {
|
|
return node.innerText.replace(trimRegExp, '');
|
|
}
|
|
return node.textContent.replace(trimRegExp, '');
|
|
},
|
|
setupTypes: function(types) {
|
|
var type, _i, _len, _results;
|
|
sortable.types = types;
|
|
sortable.typesObject = {};
|
|
_results = [];
|
|
for (_i = 0, _len = types.length; _i < _len; _i++) {
|
|
type = types[_i];
|
|
_results.push(sortable.typesObject[type.name] = type);
|
|
}
|
|
return _results;
|
|
}
|
|
};
|
|
|
|
sortable.setupTypes([
|
|
{
|
|
name: 'numeric',
|
|
defaultSortDirection: 'descending',
|
|
match: function(a) {
|
|
return a.match(numberRegExp);
|
|
},
|
|
comparator: function(a) {
|
|
return parseFloat(a.replace(/[^0-9.-]/g, ''), 10) || 0;
|
|
}
|
|
}, {
|
|
name: 'date',
|
|
defaultSortDirection: 'ascending',
|
|
reverse: true,
|
|
match: function(a) {
|
|
return !isNaN(Date.parse(a));
|
|
},
|
|
comparator: function(a) {
|
|
return Date.parse(a) || 0;
|
|
}
|
|
}, {
|
|
name: 'alpha',
|
|
defaultSortDirection: 'ascending',
|
|
match: function() {
|
|
return true;
|
|
},
|
|
compare: function(a, b) {
|
|
return a.localeCompare(b);
|
|
}
|
|
}
|
|
]);
|
|
|
|
setTimeout(sortable.init, 0);
|
|
|
|
if (typeof define === 'function' && define.amd) {
|
|
define(function() {
|
|
return sortable;
|
|
});
|
|
} else if (typeof exports !== 'undefined') {
|
|
module.exports = sortable;
|
|
} else {
|
|
window.Sortable = sortable;
|
|
}
|
|
|
|
}).call(this);
|