From 7820ea23532aa6ffa3611d8379681aa44a3f3864 Mon Sep 17 00:00:00 2001 From: sijanec Date: Wed, 20 May 2020 14:12:06 +0200 Subject: # --- dist/js/settings.js | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 dist/js/settings.js (limited to 'dist/js/settings.js') diff --git a/dist/js/settings.js b/dist/js/settings.js new file mode 100644 index 0000000..5712039 --- /dev/null +++ b/dist/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, {}); +}); -- cgit v1.2.3