path: root/assets/js/settings.js

// 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"
    };
    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();
        });
    }
}

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(() => {});

    // 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, {});
});