HummingBirdAnimeClient/frontEndSrc/js/base/sort-tables.js

const LightTableSorter = (() => {
	let th = null;
	let cellIndex = null;
	let order = '';
	const text = (row) => row.cells.item(cellIndex).textContent.toLowerCase();
	const sort = (a, b) => {
		let textA = text(a);
		let textB = text(b);
		console.log("Comparing " + textA + " and " + textB)

		if(th.classList.contains("numeric")){
			let arrayA = textA.replace('episodes:  ','').replace('-',0).split("/");
			let arrayB = textB.replace('episodes:  ','').replace('-',0).split("/");
			if(arrayA.length > 1) {
				textA = parseInt(arrayA[0],10) / parseInt(arrayA[1],10);
				textB = parseInt(arrayB[0],10) / parseInt(arrayB[1],10);
			}
			else{
				textA = parseInt(arrayA[0],10);
				textB = parseInt(arrayB[0],10);
			}
		}
		else if (parseInt(textA, 10)) {
			textA = parseInt(textA, 10);
			textB = parseInt(textB, 10);
		}
		if (textA > textB) {
			return 1;
		}
		if (textA < textB) {
			return -1;
		}
		return 0;
	};
	const toggle = () => {
		const c = order !== 'sorting-asc' ? 'sorting-asc' : 'sorting-desc';
		th.className = (th.className.replace(order, '') + ' ' + c).trim();
		return order = c;
	};
	const reset = () => {
		th.classList.remove('sorting-asc', 'sorting-desc');
		th.classList.add('sorting');
		return order = '';
	};
	const onClickEvent = (e) => {
		if (th && (cellIndex !== e.target.cellIndex)) {
			reset();
		}
		th = e.target;
		if (th.nodeName.toLowerCase() === 'th') {
			cellIndex = th.cellIndex;
			const tbody = th.offsetParent.getElementsByTagName('tbody')[0];
			let rows = Array.from(tbody.rows);
			if (rows) {
				rows.sort(sort);
				if (order === 'sorting-asc') {
					rows.reverse();
				}
				toggle();
				tbody.innerHtml = '';

				rows.forEach(row => {
					tbody.appendChild(row);
				});
			}
		}
	};
	return {
		init: () => {
			let ths = document.getElementsByTagName('th');
			let results = [];
			for (let i = 0, len = ths.length; i < len; i++) {
				let th = ths[i];
				th.classList.add('sorting');
				th.classList.add('testing');
				results.push(th.onclick = onClickEvent);
			}
			return results;
		}
	};
})();

LightTableSorter.init();