diff options
author | sijanec <sijanecantonluka@gmail.com> | 2020-05-20 13:33:51 +0200 |
---|---|---|
committer | sijanec <sijanecantonluka@gmail.com> | 2020-05-20 13:33:51 +0200 |
commit | cfedc91453b67e79202730e7cf4197df24631379 (patch) | |
tree | 7f9779669d2ebac4367b1f379b7c0eb60adddf13 /dist/js/assets/js/settings.js | |
parent | err reporting (diff) | |
download | beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar.gz beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar.bz2 beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar.lz beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar.xz beziapp-cfedc91453b67e79202730e7cf4197df24631379.tar.zst beziapp-cfedc91453b67e79202730e7cf4197df24631379.zip |
Diffstat (limited to 'dist/js/assets/js/settings.js')
-rw-r--r-- | dist/js/assets/js/settings.js | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/dist/js/assets/js/settings.js b/dist/js/assets/js/settings.js new file mode 100644 index 0000000..5712039 --- /dev/null +++ b/dist/js/assets/js/settings.js @@ -0,0 +1,47 @@ +// 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"); + }); +} + +document.addEventListener("DOMContentLoaded", async () => { + + $("#select-language").on("change", function() { + setLanguage($(this).find(":selected").val()); + }); + + $("#select-theme").on("change", function() { + setTheme($(this).find(":selected").val()); + }); + + localforage.getItem("chosenLang").then((value) => { + let selectedLanguage = value ?? "sl"; + $(`#option-${selectedLanguage}`).attr("selected", true); + }).catch(() => {}); + + localforage.getItem("theme").then((value) => { + let selectedTheme = value ?? "themeLight"; + $(`#option-${selectedTheme}`).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, {}); + + // Setup language select dropdown + var elems = document.querySelectorAll(".lang-select"); + M.FormSelect.init(elems, {}); +}); |