Add sort.js for sorted tables.

1 files changed, 67 insertions, 0 deletions

diff --git a/public/sort.js b/public/sort.js
new file mode 100644
index 0000000..b98334d
--- /dev/null
+++ b/public/sort.js
@@ -0,0 +1,67 @@
+"use strict";
+
+function sort_table_column(table, column) {
+	const minute = 60000;
+	const hour = 60 * minute;
+	const day = 24 * hour;
+	const week = 7 * day;
+
+	function is_date(s) {
+		if (s.match(/^\d{4}-\d{2}-\d{2}$/))
+			return true;
+		if (s.match(/^\d+ (minutes?|hours?|days|weeks) ago$/))
+			return true;
+		if (s.match(/^(Yesterday|now)$/))
+			return true;
+		return false;
+	}
+
+	function parse_date(s) {
+		if (s.match(/^\d{4}-\d{2}-\d{2}$/)) return new Date(s).valueOf();
+		if (s === 'now') return Date.now();
+		if (s === 'Yesterday') return Date.now() - day;
+		let [ _, value, unit ] = s.match(/^(\d+) (minutes?|hours?|days|weeks) ago$/);
+		switch (unit) {
+		default: unit = 0; break;
+		case 'minute': case 'minutes': unit = minute; break;
+		case 'hours': case 'hours': unit = hour; break;
+		case 'days': unit = day; break;
+		case 'weeks': unit = week; break;
+		}
+		return Date.now() - Number(value) * unit;
+	}
+
+	let tbody = table.querySelector("tbody");
+	let rows = Array.from(tbody.querySelectorAll("tr"));
+	rows.sort((row_a, row_b) => {
+		let cell_a = row_a.querySelectorAll("td")[column].textContent;
+		let cell_b = row_b.querySelectorAll("td")[column].textContent;
+		if (is_date(cell_a) && is_date(cell_b)) {
+			let age_a = parse_date(cell_a);
+			let age_b = parse_date(cell_b);
+			if (age_a > age_b) return -1;
+			if (age_a < age_b) return 1;
+			return 0;
+		} else if (cell_a.match(/^\d+$/) && cell_b.match(/^\d+$/)) {
+			cell_a = Number(cell_a);
+			cell_b = Number(cell_b);
+			if (cell_a > cell_b) return -1;
+			if (cell_a < cell_b) return 1;
+			return 0;
+		} else {
+			if (cell_a > cell_b) return 1;
+			if (cell_a < cell_b) return -1;
+			return 0;
+		}
+	});
+	rows.forEach(row => tbody.appendChild(row));
+}
+
+document.querySelectorAll("table.sort").forEach(table => {
+	table.querySelectorAll("th").forEach((th, column) => {
+		if (th.textContent !== "") {
+			th.addEventListener("click", evt => sort_table_column(table, column));
+			th.style.cursor = "pointer";
+		}
+	});
+});