From 80726a22bd886debea68adba880fe6ad0d5a2cf9 Mon Sep 17 00:00:00 2001
From: jableader <jacobdunk@gmail.com>
Date: Tue, 28 May 2024 21:09:18 +1000
Subject: [PATCH] Add stocktake to query params

---
 src/components/shopping/CurrentShoppingListPage.vue | 13 +++++++++++--
 src/main.js                                         |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/shopping/CurrentShoppingListPage.vue b/src/components/shopping/CurrentShoppingListPage.vue
index 8239e47..baa2b14 100644
--- a/src/components/shopping/CurrentShoppingListPage.vue
+++ b/src/components/shopping/CurrentShoppingListPage.vue
@@ -1,7 +1,7 @@
 <template>
     <h3>Full shopping list</h3>
     
-    <input type="checkbox" id="show-found" v-model="stockTaking" />
+    <input type="checkbox" id="show-found" @change="onCheckboxChange" :checked="stockTaking" />
     <label for="show-found">Show Stocktaking</label>
     
     <h4>Included Meals</h4>
@@ -47,6 +47,12 @@ import ShoppingListItem from './ShoppingListItem.vue'
 export default {
     name: 'FullShoppingListPage',
     components: { MealSelectionList, ShoppingListItem },
+    props: {
+        stockTaking: {
+            type: Boolean,
+            default: false
+        },
+    },
     data() {
         const from = new Date();
         from.setTime(0);
@@ -54,7 +60,7 @@ export default {
         const to = new Date();
         to.setDate(to.getDate() + 7);
 
-        return { from, to, availableMeals: [], shoppingList: null, includedMeals: [], listByProduct: [], stockTaking: false, productsToShow: []}
+        return { from, to, availableMeals: [], shoppingList: null, includedMeals: [], listByProduct: [], productsToShow: []}
     },
     async beforeMount() {
         const allMeals = await data.getUpcomingMeals(this.from, this.to);
@@ -99,6 +105,9 @@ export default {
         async markPurchased() {
             const result = await data.markCurrentShoppingListPurchased();
             this.$router.push({ name: 'PurchasedShoppingListPage', params: { id: result.id } });
+        },
+        onCheckboxChange(event) {
+            this.$router.push({ query: { stockTaking: event.target.checked ? 'true' : undefined } });
         }
     }
 }
diff --git a/src/main.js b/src/main.js
index 66f2797..5440b14 100644
--- a/src/main.js
+++ b/src/main.js
@@ -22,7 +22,7 @@ const routes = [
     { path: '/mealplan', component: MealPlanPage },
     { path: '/login', component: LoginPage },
     { path: '/shopping', component: MyShoppingPage },
-    { path: '/shopping/current', component: CurrentShoppingListPage },
+    { path: '/shopping/current', component: CurrentShoppingListPage, props: route => ({ stockTaking: !!route.query.stockTaking }) },
     { path: '/shopping/:id', component: PurchasedShoppingListPage, props : true },
     { path: '/recipes', component: RecipesPage },
     { path: '/recipes/add', component: EditRecipePage },