Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-25 08:09:41 +02:00
Code Issues Releases Activity

added "show all" toggle on list of shopping lists

Browse source
This commit is contained in:
Michael Genson 2024-02-23 17:07:43 +00:00
parent 0bf3aed287
commit 8e5ea1df5e
3 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/pages/shopping-lists/index.vue
View file

@ -15,10 +15,20 @@
</template>
<template #title>{{ $t('shopping-list.shopping-lists') }}</template>
</BasePageTitle>
<BaseButton create @click="createDialog = true" />
<v-container class="d-flex justify-end px-0 pt-0 pb-4">
<v-checkbox v-model="showAll" :label="$tc('general.show-all')" class="my-auto mr-4" />
<BaseButton create @click="createDialog = true" />
</v-container>
<section>
<v-card v-for="list in shoppingLists" :key="list.id" class="my-2 left-border" :to="`/shopping-lists/${list.id}`">
<v-card
v-for="list in shoppingLists"
v-if="showAll || ($auth.user && $auth.user.id == list.userId)"
:key="list.id"
class="my-2 left-border"
:to="`/shopping-lists/${list.id}`
">
<v-card-title>
<v-icon left>
{{ $globals.icons.cartCheck }}
@ -56,6 +66,7 @@ export default defineComponent({
createDialog: false,
deleteDialog: false,
deleteTarget: "",
showAll: false,
});
const shoppingLists = useAsync(async () => {