summaryrefslogtreecommitdiffstats
path: root/dist/js/settings.js
blob: 0854042cbea000336a2fd0bb8ba47ce156ed1e3a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
// 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, {});
});