From 478a4e5d7311f4063806f46a2d2b03e6711af446 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Fri, 23 Feb 2024 19:11:28 +0000
Subject: [PATCH] fixed showAll centering and added to recipe dialog

---
 .../Recipe/RecipeDialogAddToShoppingList.vue       | 14 ++++++++++++++
 frontend/pages/shopping-lists/index.vue            |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
index 1992ca379..00749c62e 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
@@ -4,6 +4,7 @@
       <v-card-text>
         <v-card
           v-for="list in shoppingLists"
+          v-if="showAll || $auth.user && $auth.user.id == list.userId"
           :key="list.id"
           hover
           class="my-2 left-border"
@@ -14,6 +15,18 @@
           </v-card-title>
         </v-card>
       </v-card-text>
+      <template #card-actions>
+        <v-btn
+          text
+          color="grey"
+          @click="dialog = false"
+        >
+          {{ $t("general.cancel") }}
+        </v-btn>
+        <div class="d-flex justify-end" style="width: 100%;">
+          <v-checkbox v-model="showAll" hideDetails :label="$tc('general.show-all')" class="my-auto mr-4" />
+        </div>
+      </template>
     </BaseDialog>
     <BaseDialog
       v-if="shoppingListIngredientDialog"
@@ -181,6 +194,7 @@ export default defineComponent({
     const state = reactive({
       shoppingListDialog: true,
       shoppingListIngredientDialog: false,
+      showAll: false,
     });
 
     const recipeIngredientSections = ref<ShoppingListRecipeIngredientSection[]>([]);
diff --git a/frontend/pages/shopping-lists/index.vue b/frontend/pages/shopping-lists/index.vue
index 54e555ab8..613d8d84c 100644
--- a/frontend/pages/shopping-lists/index.vue
+++ b/frontend/pages/shopping-lists/index.vue
@@ -17,7 +17,7 @@
     </BasePageTitle>
 
     <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" />
+      <v-checkbox v-model="showAll" hideDetails :label="$tc('general.show-all')" class="my-auto mr-4" />
       <BaseButton create @click="createDialog = true" />
     </v-container>