mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-11 09:07:12 -05:00
Code Packages Releases Activity

changed model list navigation

Browse Source
This commit is contained in:
vabene1111
2025-06-03 18:04:46 +02:00
parent 5695cacc0e
commit c648ee954c
40 changed files with 1090 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
vue3/src/pages/DatabasePage.vue Normal file
View File

@@ -0,0 +1,74 @@
<template>
<v-container>
<v-breadcrumbs density="compact">
<v-breadcrumbs-item :to="{name: 'DatabasePage'}">{{ $t('Database') }}</v-breadcrumbs-item>
</v-breadcrumbs>
<v-row>
<v-col>
<v-card prepend-icon="fa-solid fa-folder-tree" :title="$t('Database')">
<template #subtitle>
<div class="text-wrap">
{{ $t('DatabaseHelp') }}
</div>
</template>
</v-card>
</v-col>
</v-row>
<v-row>
<v-col>
<h2>{{ $t('Basics') }}</h2>
</v-col>
</v-row>
<v-row dense>
<database-model-col model="Food"></database-model-col>
<database-model-col model="Unit"></database-model-col>
<database-model-col model="Keyword"></database-model-col>
<database-model-col model="PropertyType"></database-model-col>
</v-row>
<v-row>
<v-col>
<h2>{{ $t('Planning&Shopping') }}</h2>
</v-col>
</v-row>
<v-row dense>
<database-model-col model="Supermarket"></database-model-col>
<database-model-col model="SupermarketCategory"></database-model-col>
<database-model-col model="MealType"></database-model-col>
</v-row>
<v-row>
<v-col>
<h2>{{ $t('Miscellaneous') }}</h2>
</v-col>
</v-row>
<v-row dense>
<database-model-col model="UnitConversion"></database-model-col>
<database-model-col model="Automation"></database-model-col>
<database-model-col model="UserFile"></database-model-col>
<database-model-col model="CustomFilter"></database-model-col>
<database-link-col :to="{name: 'IngredientEditorPage'}"
prepend-icon="fa-solid fa-table-list"
:title="$t('Ingredient Editor')"
:subtitle="$t('IngredientEditorHelp')">
</database-link-col>
</v-row>
</v-container>
</template>
<script setup lang="ts">
import DatabaseModelCol from "@/components/display/DatabaseModelCol.vue";
import DatabaseLinkCol from "@/components/display/DatabaseLinkCol.vue";
</script>
<style scoped>
</style>

2
vue3/src/pages/ModelEditPage.vue
View File

@@ -10,7 +10,7 @@
</v-card>
</v-col>
</v-row>
<v-row>
<v-row dense>
<v-col>
<component :is="editorComponent" :item-id="id" @delete="objectDeleted" @create="(obj: any) => objectCreated(obj)"></component>
</v-col>

51
vue3/src/pages/ModelListPage.vue
View File

@@ -2,30 +2,29 @@
<v-container>
<v-row>
<v-col>
<span class="text-h4">
<v-btn icon="fa-solid fa-caret-down" variant="tonal">
<i class="fa-solid fa-caret-down"></i>
<v-menu activator="parent">
<v-list>
<v-list-item
v-for="m in getListModels()"
@click="changeModel(m)"
:active="m.name == genericModel.model.name"
>
<template #prepend><v-icon :icon="m.icon"></v-icon> </template>
{{ $t(m.localizationKey) }}
</v-list-item>
</v-list>
</v-menu>
</v-btn>
<i :class="genericModel.model.icon"></i>
{{ $t(genericModel.model.localizationKey) }}</span>
<v-btn class="float-right" icon="$create" color="create">
<i class="fa-solid fa-plus"></i>
<model-edit-dialog :close-after-create="false" :model="model"
@create="loadItems({page: tablePage, itemsPerPage: useUserPreferenceStore().deviceSettings.general_tableItemsPerPage, search: searchQuery})"></model-edit-dialog>
</v-btn>
<v-card>
<v-card-text class="pt-2 pb-2">
<v-btn variant="flat" @click="router.go(-1)" prepend-icon="fa-solid fa-arrow-left">{{ $t('Back') }}</v-btn>
</v-card-text>
</v-card>
</v-col>
</v-row>
<v-row dense>
<v-col>
<v-card :prepend-icon="genericModel.model.icon" :title="$t(genericModel.model.localizationKey)">
<template #subtitle v-if="TFood.localizationKeyDescription">
<div class="text-wrap">
{{ $t(TFood.localizationKeyDescription) }}
</div>
</template>
<template #append>
<v-btn class="float-right" icon="$create" color="create">
<i class="fa-solid fa-plus"></i>
<model-edit-dialog :close-after-create="false" :model="model"
@create="loadItems({page: tablePage, itemsPerPage: useUserPreferenceStore().deviceSettings.general_tableItemsPerPage, search: searchQuery})"></model-edit-dialog>
</v-btn>
</template>
</v-card>
</v-col>
</v-row>
<v-row>
@@ -85,7 +84,7 @@ import {
EditorSupportedModels,
GenericModel,
getGenericModelFromString, getListModels,
Model,
Model, TFood,
} from "@/types/Models";
import {VDataTable} from "vuetify/components";
import {useUrlSearchParams} from "@vueuse/core";
@@ -171,7 +170,7 @@ function loadItems(options: VDataTableUpdateOptions) {
if (tablePage.value != options.page) {
tablePage.value = options.page
}
if(route.query.page == undefined){
if (route.query.page == undefined) {
router.replace({name: 'ModelListPage', params: {model: props.model}, query: {page: options.page}})
} else {
router.push({name: 'ModelListPage', params: {model: props.model}, query: {page: options.page}})