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
121
|
// 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();
});
}
$("#select-theme").formSelect();
}
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, {});
});
|
