From: Lanius Trolling <lanius@laniustrolling.dev>
Date: Sun, 4 Feb 2024 15:04:28 +0000 (-0500)
Subject: Customize delay of rendering Mechyrdia Sans
X-Git-Url: https://gitweb.starshipfights.net/?a=commitdiff_plain;h=d26994321fa326f24564f3b896adbb3178e819dc;p=factbooks

Customize delay of rendering Mechyrdia Sans
---

diff --git a/src/jvmMain/resources/static/init.js b/src/jvmMain/resources/static/init.js
index b444c93..dda9919 100644
--- a/src/jvmMain/resources/static/init.js
+++ b/src/jvmMain/resources/static/init.js
@@ -19,10 +19,10 @@
 
 	window.addEventListener("load", function () {
 		// Mechyrdian font
-		async function mechyrdianToFont(input, boldOpt, italicOpt, alignOpt, output) {
+		async function mechyrdianToFont(input, boldOpt, italicOpt, alignOpt, output, delayLength) {
 			const inText = input.value;
 
-			await delay(1500);
+			await delay(delayLength);
 			if (inText !== input.value) return;
 
 			let queryString = "?";
@@ -55,11 +55,12 @@
 			const alignOpt = mechyrdiaSansBox.getElementsByClassName("align-opts")[0];
 			const outputBox = mechyrdiaSansBox.getElementsByClassName("output-img")[0];
 
-			const inputListener = () => mechyrdianToFont(inputBox, boldOpt, italicOpt, alignOpt, outputBox);
-			boldOpt.addEventListener("change", inputListener);
-			italicOpt.addEventListener("change", inputListener);
-			alignOpt.addEventListener("change", inputListener);
+			const inputListener = () => mechyrdianToFont(inputBox, boldOpt, italicOpt, alignOpt, outputBox, 1250);
+			const optChangeListener = () => mechyrdianToFont(inputBox, boldOpt, italicOpt, alignOpt, outputBox, 500);
 			inputBox.addEventListener("input", inputListener);
+			boldOpt.addEventListener("change", optChangeListener);
+			italicOpt.addEventListener("change", optChangeListener);
+			alignOpt.addEventListener("change", optChangeListener);
 		}
 	});