jhim/JudoWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update layout and routing structure with theme toggle functionality

Browse Source
This commit is contained in:
Jonas Himmelberg
2025-11-09 13:11:59 +01:00
parent 7c227d45bb
commit 2b139495a3
4 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.vs/JudoWeb/DesignTimeBuild/.dtbcache.v2
View File

Binary file not shown.

2
.vs/JudoWeb/v17/DocumentLayout.backup.json
View File

@@ -24,7 +24,7 @@
"RelativeDocumentMoniker": "API\\Program.cs", "RelativeDocumentMoniker": "API\\Program.cs",
"ToolTip": "D:\\Programmieren\\CSharp\\JudoWeb\\API\\Program.cs", "ToolTip": "D:\\Programmieren\\CSharp\\JudoWeb\\API\\Program.cs",
"RelativeToolTip": "API\\Program.cs", "RelativeToolTip": "API\\Program.cs",
"ViewState": "AgIAAAAAAAAAAAAAAAAAAAsAAAAnAAAAAAAAAA==", "ViewState": "AgIAAAAAAAAAAAAAAAAAABUAAAAAAAAAAAAAAA==",
"Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|", "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
"WhenOpened": "2025-10-05T16:26:39.39Z", "WhenOpened": "2025-10-05T16:26:39.39Z",
"EditorCaption": "" "EditorCaption": ""

34
GUI/src/Layout.vue
View File

@@ -1,8 +1,12 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted } from 'vue'; import { onMounted, ref } from 'vue';
import { useTheme } from 'vuetify'; import { useTheme } from 'vuetify';
import routesLayout from './plugins/routesLayout';
import { useRoute } from 'vue-router';
const theme = useTheme(); const theme = useTheme();
const route = useRoute();
const showDrawer = ref(false);
function changeTheme() { function changeTheme() {
theme.toggle(); theme.toggle();
@@ -23,20 +27,20 @@ onMounted(() => {
/> />
</template> </template>
<template v-slot:prepend> <template v-slot:prepend>
<v-app-bar-nav-icon></v-app-bar-nav-icon> <v-app-bar-nav-icon></v-app-bar-nav-icon>
</template> </template>
<v-app-bar-title class="title">
Judoteam - Stadtlohn
</v-app-bar-title>
<v-app-bar-title class="title">Judoteam - Stadtlohn</v-app-bar-title> <v-btn icon>
<v-icon>mdi-magnify</v-icon>
<v-btn icon> </v-btn>
<v-icon>mdi-magnify</v-icon> <v-btn icon>
</v-btn> <v-icon>mdi-heart</v-icon>
</v-btn>
<v-btn icon> <v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
<v-icon>mdi-heart</v-icon>
</v-btn>
<v-btn icon="mdi-brightness-6" @click="changeTheme()"></v-btn>
</v-app-bar> </v-app-bar>
<v-main> <v-main>
@@ -45,4 +49,4 @@ onMounted(() => {
</v-app> </v-app>
</template> </template>
<style scoped></style> <style scoped></style>

8
GUI/src/plugins/routesLayout.ts Normal file
View File

@@ -0,0 +1,8 @@
export default [
{
path: "/",
name: "Startseite",
description: "Übersicht der Anwendung",
icon: "mdi-home",
},
]