diff --git a/GUI/src/Layout.vue b/GUI/src/Layout.vue index e91cd6c..fbfe62e 100644 --- a/GUI/src/Layout.vue +++ b/GUI/src/Layout.vue @@ -6,15 +6,21 @@ import { useRoute } from 'vue-router'; const theme = useTheme(); const route = useRoute(); -const showDrawer = ref(false); +const showDrawer = ref(true); function changeTheme() { theme.toggle(); localStorage.setItem("theme", theme.name.value); } +function toggleDrawer() { + showDrawer.value = !showDrawer.value; + localStorage.setItem("drawer", showDrawer.value ? "Y" : "N") +} + onMounted(() => { theme.change(localStorage.getItem("theme") || "light"); + showDrawer.value = localStorage.getItem("drawer")?.startsWith("Y") || false; }); @@ -27,7 +33,7 @@ onMounted(() => { /> @@ -43,6 +49,25 @@ onMounted(() => { + + + + + + + diff --git a/GUI/src/plugins/routesLayout.ts b/GUI/src/plugins/routesLayout.ts index eeb96a6..3c4ebaa 100644 --- a/GUI/src/plugins/routesLayout.ts +++ b/GUI/src/plugins/routesLayout.ts @@ -4,5 +4,5 @@ export default [ name: "Startseite", description: "Übersicht der Anwendung", icon: "mdi-home", - }, + } ] \ No newline at end of file