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

models, messages and multiselects

Browse Source
This commit is contained in:
vabene1111
2024-05-01 10:04:19 +02:00
parent 32b75250dc
commit 569b7e78fe
13 changed files with 607 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,13 @@
<template>
<v-app>
<v-app-bar color="tandoor" flat density="comfortable">
<router-link :to="{name: 'view_home', params: {}}">
<router-link :to="{ name: 'view_home', params: {} }">
<v-img src="../../assets/brand_logo.svg" width="140px" class="ms-2"></v-img>
</router-link>
<v-spacer></v-spacer>
<global-search-dialog></global-search-dialog>
<v-btn>DEBUG <message-list-dialog></message-list-dialog></v-btn>
<v-avatar color="cyan" class="me-2">V</v-avatar>
</v-app-bar>
@@ -17,14 +18,15 @@
<v-navigation-drawer v-if="lgAndUp">
<v-list-item title="My Application" subtitle="Vuetify"></v-list-item>
<v-divider></v-divider>
<v-list-item prepend-icon="fas fa-book" title="Home" :to="{name: 'view_home', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-calendar-alt" title="Mealplan" :to="{name: 'view_mealplan', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-shopping-cart" title="Shopping" :to="{name: 'view_shopping', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-bars" title="More" :to="{name: 'view_books', params: {}}"></v-list-item> <!-- TODO link -->
<v-list-item prepend-icon="fas fa-book" title="Home" :to="{ name: 'view_home', params: {} }"></v-list-item>
<v-list-item prepend-icon="fas fa-calendar-alt" title="Mealplan" :to="{ name: 'view_mealplan', params: {} }"></v-list-item>
<v-list-item prepend-icon="fas fa-shopping-cart" title="Shopping" :to="{ name: 'view_shopping', params: {} }"></v-list-item>
<v-list-item prepend-icon="fas fa-bars" title="More" :to="{ name: 'view_books', params: {} }"></v-list-item>
<!-- TODO link -->
</v-navigation-drawer>
<v-bottom-navigation grow v-if="!lgAndUp">
<v-btn value="recent" :to="{name: 'view_home', params: {}}">
<v-btn value="recent" :to="{ name: 'view_home', params: {} }">
<v-icon icon="fa-fw fas fa-book "/>
<span>Recipes</span>
</v-btn>
@@ -40,33 +42,31 @@
<span>Shopping</span>
</v-btn>
<v-btn value="nearby" to="/books"> <!-- TODO link -->
<v-btn value="nearby" to="/books">
<!-- TODO link -->
<v-icon icon="fa-fw fas fa-bars"></v-icon>
<span>More</span>
</v-btn>
</v-bottom-navigation>
<v-snackbar-queued
:vertical="true"
location="top center"
></v-snackbar-queued>
</v-app>
</template>
<script lang="ts" setup>
import GlobalSearchDialog from "@/components/inputs/GlobalSearchDialog.vue"
import GlobalSearchDialog from "@/components/inputs/GlobalSearchDialog.vue";
import {ref} from "vue";
import {useDisplay} from "vuetify";
import {useDisplay} from "vuetify"
import VSnackbarQueued from "@/components/display/VSnackbarQueued.vue";
import MessageListDialog from "@/components/dialogs/MessageListDialog.vue";
const {lgAndUp} = useDisplay()
const drawer = ref(true)
const rail = ref(true)
const overlay = ref(false)
</script>
<style scoped>
</style>
<style scoped></style>