Revamped site's common scripts, Many pages slightly broken

Update commons.yml, excel-password-remover.yml, and 31 more files...

static/resources/NibblePoker/js/nibblepoker-core.mjs

@@ -0,0 +1,131 @@
+// NibblePoker - Core Scripts
+// Author: Herwin Bozet (@NibblePoker)
+// License: Public Domain (This code)
+// Remark:
+//  * This module contains all the scripts that are globally required on this website
+
+export let isSidebarVisible = true;
+
+export function initCore() {
+    const eSidebarToggleButton = document.getElementById("sidebar-toggle-footer");
+    const eSidebar = document.getElementById("sidebar");
+	const eMain = document.getElementById("main");
+
+	// TODO: Emit an event to help Splide re-align after the sidebar has changed state.
+
+	if(eSidebarToggleButton !== null && eSidebar !== null && eMain !== null) {
+		eSidebarToggleButton.onclick = function() {
+			if(isSidebarVisible) {
+				eSidebar.classList.add("retracted");
+				eMain.classList.add("expanded");
+			} else {
+				eSidebar.classList.remove("retracted");
+				eMain.classList.remove("expanded");
+			}
+			isSidebarVisible = !isSidebarVisible;
+		};
+	}
+
+	//showContentModal(eContentModal);
+
+	// FIXME: Fix this shit !
+	//[eContentModal, document.getElementById("modal-content-cross"), eContentModalInner].forEach(value => {
+	//	value.onclick = function() {
+	//		fadeOut(eContentModal, 175).then(r => {
+	//			eContentModalInner.innerHTML = "";
+	//		});
+	//	}
+	//})
+
+	// TODO: Autodetect mobile screens, close it, and add classes to make it over the rest with dark modal bkgd.
+
+	// Printing the detected CPU architecture
+	/*const detectedCpuArch= getCpuArchitecture();
+	let cpuArchPrintouts = document.querySelectorAll(".data-cpu-arch");
+	cpuArchPrintouts.forEach(element => {
+		element.textContent = detectedCpuArch.name;
+	});*/
+
+	// Setting up the file drop inputs
+	document.querySelectorAll(".np-file-input-root-container").forEach(eRootContainer => {
+		//console.log(eRootContainer);
+
+    	/** @type {HTMLInputElement} */
+		const eFileDropInput = eRootContainer.querySelector("input[type=file]");
+		if(eFileDropInput == null) {
+			return;
+		}
+
+    	/** @type {string} */
+		const inputId = eFileDropInput.getAttribute("id");
+		//console.log(inputId);
+
+    	/** @type {HTMLElement} */
+		const eFileDropTextEmpty = eRootContainer.querySelector(`#${inputId}-text-drop`);
+
+    	/** @type {HTMLElement} */
+		const eFileDropTextSingle = eRootContainer.querySelector(`#${inputId}-text-file-single`);
+
+    	/** @type {HTMLElement} */
+		const eFileDropTextMultiple = eRootContainer.querySelector(`#${inputId}-text-file-multiple`);
+
+    	/** @type {HTMLButtonElement} */
+		const eFileDropAddButton = eRootContainer.querySelector(`button#${inputId}-add`);
+
+    	/** @type {HTMLButtonElement} */
+		const eFileDropClearButton = eRootContainer.querySelector(`button#${inputId}-reset`);
+
+    	/** @type {NodeListOf<HTMLElement>} */
+		const eFileDropSelectionCounts = eRootContainer.querySelectorAll(`.np-file-drop-count`);
+
+		if(eFileDropAddButton !== null) {
+			eFileDropAddButton.addEventListener("click", function() {
+				eFileDropInput.click();
+			});
+		}
+
+		if(eFileDropClearButton !== null) {
+			eFileDropClearButton.addEventListener("click", function() {
+				eFileDropInput.value = '';
+				if(eFileDropTextSingle !== null) {
+					eFileDropTextSingle.hidden = true;
+				}
+				if(eFileDropTextMultiple !== null) {
+					eFileDropTextMultiple.hidden = true;
+				}
+				if(eFileDropTextEmpty !== null) {
+					eFileDropTextEmpty.hidden = false;
+				}
+			});
+		}
+
+		eFileDropInput.addEventListener('change', function(e) {
+			let fileCount = e.target.files.length;
+
+			if(fileCount === 1 && eFileDropTextSingle !== null) {
+				if(eFileDropTextEmpty !== null) {
+					eFileDropTextEmpty.hidden = true;
+				}
+				if(eFileDropTextMultiple !== null) {
+					eFileDropTextMultiple.hidden = true;
+				}
+				eFileDropTextSingle.hidden = false;
+			}
+
+			if(fileCount >= 1 && eFileDropTextMultiple !== null) {
+				if(eFileDropTextEmpty !== null) {
+					eFileDropTextEmpty.hidden = true;
+				}
+				if(eFileDropTextSingle !== null) {
+					eFileDropTextSingle.hidden = true;
+				}
+
+				eFileDropSelectionCounts.forEach(eFileDropSelectionCount => {
+					eFileDropSelectionCount.innerText = `${fileCount}`;
+				});
+
+				eFileDropTextMultiple.hidden = false;
+			}
+		});
+	});
+}