mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-04 21:58:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

first idea of a settings page

Browse Source
This commit is contained in:
vabene1111
2024-08-01 16:28:24 +02:00
parent fb9bbafd6e
commit 4a6d542965
3 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vue3/src/apps/tandoor/Tandoor.vue
View File

@@ -18,7 +18,7 @@
</v-card>
</v-list-item>
<v-divider></v-divider>
<v-list-item><template #prepend><v-icon icon="fa-solid fa-sliders"></v-icon></template>Settings</v-list-item>
<v-list-item :to="{ name: 'view_settings', params: {} }"><template #prepend><v-icon icon="fa-solid fa-sliders"></v-icon></template>Settings</v-list-item>
<v-list-item><template #prepend><v-icon icon="fa-solid fa-server"></v-icon></template>System</v-list-item>
<v-list-item><template #prepend><v-icon icon="fa-solid fa-user-shield"></v-icon></template>Admin</v-list-item>
<v-list-item><template #prepend><v-icon icon="fa-solid fa-question"></v-icon></template>Help</v-list-item>

2
vue3/src/apps/tandoor/main.ts
View File

@@ -15,10 +15,12 @@ import MealPlanPage from "@/pages/MealPlanPage.vue";
import SearchPage from "@/pages/SearchPage.vue";
import TestPage from "@/pages/TestPage.vue";
import {setupI18n} from "@/i18n";
import SettingsPage from "@/pages/SettingsPage.vue";
const routes = [
{path: '/', component: StartPage, name: 'view_home'},
{path: '/test', component: TestPage, name: 'view_test'},
{path: '/settings', component: SettingsPage, name: 'view_settings'},
{path: '/search', component: SearchPage, name: 'view_search'},
{path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
{path: '/mealplan', component: MealPlanPage, name: 'view_mealplan'},

46
vue3/src/pages/SettingsPage.vue Normal file
View File

@@ -0,0 +1,46 @@
<template>
<v-container>
<v-row>
<v-col cols="2" offset="2">
<v-list class="bg-transparent">
<v-list-item>Profil</v-list-item>
<v-divider></v-divider>
<v-list-subheader>Einstellungen</v-list-subheader>
<v-list-item>Kosmetisch</v-list-item>
<v-list-item>Einkaufsliste</v-list-item>
<v-list-item>Speiseplan</v-list-item>
<v-list-item>Suchen</v-list-item>
<v-divider></v-divider>
<v-list-subheader>Space</v-list-subheader>
<v-list-item>Meine Spaces</v-list-item>
<v-list-item>Space Einstellungen</v-list-item>
<v-list-item>Space Mitglieder</v-list-item>
<v-divider></v-divider>
<v-list-subheader>Admin</v-list-subheader>
<v-list-item>API</v-list-item>
<v-list-item>System</v-list-item>
</v-list>
</v-col>
<v-col cols="6">
<v-form>
<v-text-field :label="$t('Username')" disabled :hint="$t('theUsernameCannotBeChanged')" persistent-hint></v-text-field>
<v-text-field :label="$t('First_name')"></v-text-field>
<v-text-field :label="$t('Last_name')"></v-text-field>
</v-form>
</v-col>
</v-row>
</v-container>
</template>
<script setup lang="ts">
</script>
<style scoped>
</style>