HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-07-25 05:49:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#18 added default page setting

Browse Source
This commit is contained in:
Elmar Kresse
2024-07-07 23:03:25 +02:00
parent 78fd7d6f72
commit 5aab024957
8 changed files with 89 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/App.vue
View File

@@ -26,6 +26,7 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
import settingsStore from "@/store/settingsStore.ts";
import { setTheme } from "@/helpers/theme.ts";
import { usePrimeVue } from "primevue/config";
import router from "@/router";
const primeVue = usePrimeVue();
@@ -56,17 +57,23 @@ const updateMobile = () => {
updateMobile();
window.addEventListener("resize", updateMobile);
const settings = settingsStore();
const settings = settingsStore;
const emit = defineEmits(["dark-mode-toggled"]);
onMounted(() => {
// set theme matching browser preference
settings.setDarkMode(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches)
settings().setDarkMode(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches)
setTheme(settings, primeVue, emit);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
settings.setDarkMode(e.matches)
settings().setDarkMode(e.matches)
setTheme(settings, primeVue, emit);
});
// check if default page is set
if (settings().defaultPage != "") {
router.push({ name: settings().defaultPage });
}
});
</script>