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

some more things in recipe view

Browse Source
This commit is contained in:
vabene1111
2024-02-24 11:14:58 +01:00
parent d53706bd5d
commit 1842bb7105
8 changed files with 144 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,35 +1,20 @@
<template>
<v-app>
<v-layout>
<v-navigation-drawer v-model="drawer"
:rail="rail"
permanent
@click="rail = false">
<v-list-item @click="drawer = false">
<v-img src="../../assets/logo_color.svg" height="48px" v-if="rail"></v-img>
<v-img src="../../assets/brand_logo.svg" max-height="64px" v-if="!rail"></v-img>
</v-list-item>
<v-divider></v-divider>
<v-list density="compact" nav>
<v-list-item prepend-icon="fas fa-book" title="Home" value="home"></v-list-item>
<v-list-item prepend-icon="fas fa-calendar-alt" title="My Account" value="account"></v-list-item>
<v-list-item prepend-icon="fas fa-shopping-cart" title="Users" value="users"></v-list-item>
<v-list-item prepend-icon="fas fa-book-open" title="Users" value="users"></v-list-item>
</v-list>
<v-divider></v-divider>
</v-navigation-drawer>
<v-app-bar color="tandoor" flat>
<v-app-bar color="tandoor" flat density="compact" >
<template v-slot:prepend>
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
Tandoor Brand Logo
</template>
<v-spacer></v-spacer>
<v-btn density="compact" icon="fas fa-search"></v-btn>
<v-btn density="compact" icon="fas fa-ellipsis-v"></v-btn>
</v-app-bar>
<v-main>
<v-container fluid class="pa-0 ma-0">
<v-container class="pa-0 ma-0">
<router-view></router-view>
</v-container>
</v-main>
@@ -57,7 +42,7 @@
<span>Books</span>
</v-btn>
</v-bottom-navigation>
</v-layout>
</v-app>

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

@@ -15,8 +15,10 @@ const routes = [
{path: '/', redirect: '/search', name: 'index'},
{path: '/search', component: RecipeSearchPage, name: 'view_search'},
{path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
{path: '/mealplan', component: ShoppingListPage, name: 'view_mealplan'},
{path: '/books', component: ShoppingListPage, name: 'view_books'},
{path: '/recipe/:id', component: RecipeViewPage, name: 'view_recipe', props: true},
{path: '/recipe/edit/:id', component: RecipeViewPage, name: 'view_recipe', props: true},
{path: '/recipe/edit/:id', component: RecipeViewPage, name: 'edit_recipe', props: true},
]
const router = createRouter({