1 files changed, 129 insertions, 11 deletions

diff --git a/dist/js/settings.js b/dist/js/settings.js
index 9e52861..3106f14 100755
--- a/dist/js/settings.js
+++ b/dist/js/settings.js
@@ -1,12 +1,130 @@
+// settings.js -- TODO
 
-async function setLanguage(langCode){localforage.setItem("chosenLang",langCode).then((value)=>{console.log("Language set: "+value);UIAlert(D("languageSet"),"setLanguage(): languageSet");});}
-async function setTheme(targetTheme){localforage.setItem("theme",targetTheme).then((value)=>{console.log("Theme set: "+value);UIAlert(D("themeSet"),"setTheme(): themeSet");});}
-async function setErrorReporting(targetE){localforage.setItem("errorReporting",targetE).then((value)=>{console.log("ErrorReporing set: "+value);UIAlert(D("errorReportingSet"),"setErrorReporting(): errorReportingSet");});}
-function shuffleArray(array){for(var i=array.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var temp=array[i];array[i]=array[j];array[j]=temp;}}
-function setUIAdditionalOptions(state){var SENSITIVE_THEMES={"left":"Left / leva","right":"Right / desna","piratska":"Pirate / piratska"};if(state===true){var theme_keys=Object.keys(SENSITIVE_THEMES);shuffleArray(theme_keys);theme_keys.forEach((item)=>{var option_element=$(`<option value="${item}" id="option-${item}" data-theme="${item}">${SENSITIVE_THEMES[item]}</option>`);$("#select-theme").append(option_element);});}else{Object.keys(SENSITIVE_THEMES).forEach((item)=>{$("#option-"+item).remove();});}
-var elems=document.querySelectorAll('#select-theme');M.FormSelect.init(elems,{});}
-async function setAdditionalOptions(state){localforage.setItem("triggerWarningAccepted",state).then((value)=>{console.log("TriggerWarning set: "+value);UIAlert(D("triggerWarningSet"),"setAdditionalOptions(): triggerWarningSet");setUIAdditionalOptions(value);});}
-document.addEventListener("DOMContentLoaded",async()=>{$("#triggered-checkbox").change(function(){if(this.checked){setAdditionalOptions(true);}else{setAdditionalOptions(false);}});$("#select-language").on("change",function(){setLanguage($(this).find(":selected").val());});$("#select-theme").on("change",function(){setTheme($(this).find(":selected").val());});$("#select-errorreporting").on("change",function(){setErrorReporting($(this).find(":selected").val());});localforage.getItem("chosenLang").then((value)=>{let selectedLanguage=value;if(value==null||value.length<1){selectedLanguage="sl";}
-$(`#option-${selectedLanguage}`).attr("selected",true);}).catch(()=>{});localforage.getItem("theme").then((value)=>{let selectedTheme=value;if(value==null||value.length<1){selectedTheme="themeLight";}
-$(`#option-${selectedTheme}`).attr("selected",true);}).catch(()=>{});localforage.getItem("errorReporting").then((value)=>{let selectedE=value;if(value==null||value.length<1){selectedE="on";}
-$(`#option-${selectedE}`).attr("selected",true);}).catch(()=>{});localforage.getItem("triggerWarningAccepted").then((value)=>{if(value===true){$("#triggered-checkbox").attr("checked",true);setUIAdditionalOptions(true);}}).catch(()=>{});const menus=document.querySelectorAll(".side-menu");M.Sidenav.init(menus,{edge:"right",draggable:true});var elems=document.querySelectorAll(".theme-select");M.FormSelect.init(elems,{});var elems=document.querySelectorAll(".errorreporting-select");M.FormSelect.init(elems,{});var elems=document.querySelectorAll(".lang-select");M.FormSelect.init(elems,{});});
\ No newline at end of file
+async function setLanguage(langCode)  {
+	localforage.setItem("chosenLang", langCode).then((value) => {
+		console.log("Language set: " + value);
+		UIAlert(D("languageSet"), "setLanguage(): languageSet");
+	});
+}
+
+async function setTheme(targetTheme) {
+	localforage.setItem("theme", targetTheme).then((value) => {
+		console.log("Theme set: " + value);
+		UIAlert(D("themeSet"), "setTheme(): themeSet");
+	});
+}
+
+async function setErrorReporting(targetE) {
+	localforage.setItem("errorReporting", targetE).then((value) => {
+		console.log("ErrorReporing set: " + value);
+		UIAlert(D("errorReportingSet"), "setErrorReporting(): errorReportingSet");
+	});
+}
+
+function shuffleArray(array) {
+	for (var i = array.length - 1; i > 0; i--) {
+		var j = Math.floor(Math.random() * (i + 1));
+		var temp = array[i];
+		array[i] = array[j];
+		array[j] = temp;
+	}
+}
+
+function setUIAdditionalOptions(state) {
+	var SENSITIVE_THEMES = {
+		"left": "Left / leva",
+		"right": "Right / desna",
+		"piratska": "Pirate / piratska"
+	};
+	if (state === true) {
+		var theme_keys = Object.keys(SENSITIVE_THEMES);
+		shuffleArray(theme_keys);
+		theme_keys.forEach((item) => {
+			var option_element = $(`<option value="${item}" id="option-${item}" data-theme="${item}">${SENSITIVE_THEMES[item]}</option>`);
+			$("#select-theme").append(option_element);
+		});
+	} else {
+		Object.keys(SENSITIVE_THEMES).forEach((item) => {
+			$("#option-" + item).remove();
+		});
+	}
+	var elems = document.querySelectorAll('#select-theme');
+	M.FormSelect.init(elems, {});
+}
+
+async function setAdditionalOptions(state) {
+	localforage.setItem("triggerWarningAccepted", state).then((value) => {
+		console.log("TriggerWarning set: " + value);
+		UIAlert(D("triggerWarningSet"), "setAdditionalOptions(): triggerWarningSet");
+		setUIAdditionalOptions(value);
+	});
+}
+
+document.addEventListener("DOMContentLoaded", async () => {
+
+	// Setup checkbox handler
+	$("#triggered-checkbox").change(function() {
+		if (this.checked) {
+			setAdditionalOptions(true);
+		} else {
+			setAdditionalOptions(false);
+		}
+	});
+
+	$("#select-language").on("change", function() {
+		setLanguage($(this).find(":selected").val());
+	});
+
+	$("#select-theme").on("change", function() {
+		setTheme($(this).find(":selected").val());
+	});
+
+	$("#select-errorreporting").on("change", function() {
+		setErrorReporting($(this).find(":selected").val());
+	});
+
+	localforage.getItem("chosenLang").then((value) => {
+		let selectedLanguage = value;
+				if(value == null || value.length < 1) {
+ 					selectedLanguage = "sl";
+				}
+		$(`#option-${selectedLanguage}`).attr("selected", true);
+	}).catch(() => {});
+
+	localforage.getItem("theme").then((value) => {
+		let selectedTheme = value;
+				if(value == null || value.length < 1) {
+					selectedTheme = "themeLight";
+				}
+		$(`#option-${selectedTheme}`).attr("selected", true);
+	}).catch(() => {});
+
+	localforage.getItem("errorReporting").then((value) => {
+		let selectedE = value;
+				if(value == null || value.length < 1) {
+					selectedE = "on";
+				}
+		$(`#option-${selectedE}`).attr("selected", true);
+	}).catch(() => {});
+
+	localforage.getItem("triggerWarningAccepted").then((value) => {
+		if (value === true) {
+			$("#triggered-checkbox").attr("checked", true);
+			setUIAdditionalOptions(true);
+		}
+	}).catch(() => {});
+
+	// Setup side menu
+	const menus = document.querySelectorAll(".side-menu");
+	M.Sidenav.init(menus, { edge: "right", draggable: true });
+
+	var elems = document.querySelectorAll(".theme-select");
+	M.FormSelect.init(elems, {});
+	
+	var elems = document.querySelectorAll(".errorreporting-select");
+	M.FormSelect.init(elems, {});
+	
+	// Setup language select dropdown
+	var elems = document.querySelectorAll(".lang-select");
+	M.FormSelect.init(elems, {});
+});