merge ignore shopping with onhand

vue/src/components/Badges.vue

@@ -1,52 +1,44 @@
 <template>
     <span>
-        <linked-recipe v-if="linkedRecipe"
-            :item="item"/>
-        <icon-badge v-if="Icon"
-            :item="item"/>
-        <on-hand-badge v-if="OnHand"
-            :item="item"/>
-        <shopping-badge v-if="Shopping"
-            :item="item"/>
+        <linked-recipe v-if="linkedRecipe" :item="item" />
+        <icon-badge v-if="Icon" :item="item" />
+        <on-hand-badge v-if="OnHand" :item="item" />
+        <shopping-badge v-if="Shopping" :item="item" />
     </span>
 </template>
 
 <script>
-import LinkedRecipe from "@/components/Badges/LinkedRecipe";
-import IconBadge from "@/components/Badges/Icon";
-import OnHandBadge from "@/components/Badges/OnHand";
-import ShoppingBadge from "@/components/Badges/Shopping";
+import LinkedRecipe from "@/components/Badges/LinkedRecipe"
+import IconBadge from "@/components/Badges/Icon"
+import OnHandBadge from "@/components/Badges/OnHand"
+import ShoppingBadge from "@/components/Badges/Shopping"
 
 export default {
-  name: 'CardBadges',
-  components: {LinkedRecipe, IconBadge, OnHandBadge, ShoppingBadge},
-  props: {
-    item: {type: Object},
-    model: {type: Object}
-  },
-  data() {
-    return {
-    }
-  },
-  mounted() {
-  },
-  computed: {
-    linkedRecipe: function () {
-        return this.model?.badges?.linked_recipe ?? false
+    name: "CardBadges",
+    components: { LinkedRecipe, IconBadge, OnHandBadge, ShoppingBadge },
+    props: {
+        item: { type: Object },
+        model: { type: Object },
     },
-    Icon: function () {
-        return this.model?.badges?.icon ?? false
+    data() {
+        return {}
     },
-    OnHand: function () {
-        return this.model?.badges?.on_hand ?? false
+    mounted() {},
+    computed: {
+        linkedRecipe: function () {
+            return this.model?.badges?.linked_recipe ?? false
+        },
+        Icon: function () {
+            return this.model?.badges?.icon ?? false
+        },
+        OnHand: function () {
+            return this.model?.badges?.food_onhand ?? false
+        },
+        Shopping: function () {
+            return this.model?.badges?.shopping ?? false
+        },
     },
-    Shopping: function () {
-        return this.model?.badges?.shopping ?? false
-    }
-  },
-  watch: {
-  },
-  methods: {
-  }
+    watch: {},
+    methods: {},
 }
-</script>
+</script>

vue/src/components/Badges/OnHand.vue

@@ -1,7 +1,7 @@
 <template>
     <span>
         <b-button
-            class="btn text-decoration-none fas px-1 py-0  border-0"
+            class="btn text-decoration-none fas px-1 py-0 border-0"
             variant="link"
             v-b-popover.hover.html
             :title="[onhand ? $t('FoodOnHand', { food: item.name }) : $t('FoodNotOnHand', { food: item.name })]"
@@ -26,16 +26,16 @@ export default {
         }
     },
     mounted() {
-        this.onhand = this.item.on_hand
+        this.onhand = this.item.food_onhand
     },
     watch: {
-        "item.on_hand": function(newVal, oldVal) {
+        "item.food_onhand": function (newVal, oldVal) {
             this.onhand = newVal
         },
     },
     methods: {
         toggleOnHand() {
-            let params = { id: this.item.id, on_hand: !this.onhand }
+            let params = { id: this.item.id, food_onhand: !this.onhand }
             this.genericAPI(this.Models.FOOD, this.Actions.UPDATE, params).then(() => {
                 this.onhand = !this.onhand
             })

vue/src/components/Badges/Shopping.vue

@@ -1,6 +1,6 @@
 <template>
     <span>
-        <b-button class="btn text-decoration-none px-1 border-0" variant="link" v-if="ShowBadge" :id="`shopping${item.id}`" @click="addShopping()">
+        <b-button class="btn text-decoration-none px-1 border-0" variant="link" :id="`shopping${item.id}`" @click="addShopping()">
             <i
                 class="fas"
                 v-b-popover.hover.html
@@ -27,7 +27,6 @@ export default {
     name: "ShoppingBadge",
     props: {
         item: { type: Object },
-        override_ignore: { type: Boolean, default: false },
     },
     mixins: [ApiMixin],
     data() {
@@ -40,13 +39,6 @@ export default {
         this.shopping = this.item?.shopping //?? random[Math.floor(Math.random() * random.length)]
     },
     computed: {
-        ShowBadge() {
-            if (this.override_ignore) {
-                return true
-            } else {
-                return !this.item.ignore_shopping
-            }
-        },
         DeleteConfirmation() {
             return this.$t("DeleteShoppingConfirm", { food: this.item.name })
         },
@@ -59,7 +51,7 @@ export default {
         },
     },
     watch: {
-        "item.shopping": function(newVal, oldVal) {
+        "item.shopping": function (newVal, oldVal) {
             this.shopping = newVal
         },
     },

vue/src/components/ContextMenu/ModelMenu.vue

@@ -1,74 +1,52 @@
 <template>
-  <!-- <b-button variant="link" size="sm" class="text-dark shadow-none"><i class="fas fa-chevron-down"></i></b-button> -->
-  <span>
-        <b-dropdown variant="link" toggle-class="text-decoration-none text-dark shadow-none" no-caret
-                    style="boundary:window">
-        <template #button-content>
-          <i class="fas fa-chevron-down"></i>
-        </template>
-        <b-dropdown-item :href="resolveDjangoUrl('list_food')">
-            <i class="fas fa-leaf fa-fw"></i> {{ Models['FOOD'].name }}
-        </b-dropdown-item>
-        
-        <b-dropdown-item :href="resolveDjangoUrl('list_keyword')">
-            <i class="fas fa-tags fa-fw"></i> {{ Models['KEYWORD'].name }}
-        </b-dropdown-item>
+    <!-- <b-button variant="link" size="sm" class="text-dark shadow-none"><i class="fas fa-chevron-down"></i></b-button> -->
+    <span>
+        <b-dropdown variant="link" toggle-class="text-decoration-none text-dark shadow-none" no-caret style="boundary: window">
+            <template #button-content>
+                <i class="fas fa-chevron-down"></i>
+            </template>
+            <b-dropdown-item :href="resolveDjangoUrl('list_food')"> <i class="fas fa-leaf fa-fw"></i> {{ Models["FOOD"].name }} </b-dropdown-item>
 
-        <b-dropdown-item :href="resolveDjangoUrl('list_unit')">
-            <i class="fas fa-balance-scale fa-fw"></i> {{ Models['UNIT'].name }}
-        </b-dropdown-item>
-        
-        <b-dropdown-item :href="resolveDjangoUrl('list_supermarket')">
-            <i class="fas fa-store-alt fa-fw"></i> {{ Models['SUPERMARKET'].name }}
-        </b-dropdown-item>
+            <b-dropdown-item :href="resolveDjangoUrl('list_keyword')"> <i class="fas fa-tags fa-fw"></i> {{ Models["KEYWORD"].name }} </b-dropdown-item>
 
-        <b-dropdown-item :href="resolveDjangoUrl('list_supermarket_category')">
-            <i class="fas fa-cubes fa-fw"></i> {{ Models['SHOPPING_CATEGORY'].name }}
-        </b-dropdown-item>
+            <b-dropdown-item :href="resolveDjangoUrl('list_unit')"> <i class="fas fa-balance-scale fa-fw"></i> {{ Models["UNIT"].name }} </b-dropdown-item>
 
-          <b-dropdown-item :href="resolveDjangoUrl('list_automation')">
-            <i class="fas fa-robot fa-fw"></i> {{ Models['AUTOMATION'].name }}
-          </b-dropdown-item>
+            <b-dropdown-item :href="resolveDjangoUrl('list_supermarket')"> <i class="fas fa-store-alt fa-fw"></i> {{ Models["SUPERMARKET"].name }} </b-dropdown-item>
 
-          <b-dropdown-item :href="resolveDjangoUrl('list_user_file')">
-            <i class="fas fa-file fa-fw"></i> {{ Models['USERFILE'].name }}
-          </b-dropdown-item>
+            <b-dropdown-item :href="resolveDjangoUrl('list_supermarket_category')"> <i class="fas fa-cubes fa-fw"></i> {{ Models["SHOPPING_CATEGORY"].name }} </b-dropdown-item>
 
-          <b-dropdown-item :href="resolveDjangoUrl('list_step')">
-            <i class="fas fa-puzzle-piece fa-fw"></i>{{ Models['STEP'].name }}
-          </b-dropdown-item>
+            <b-dropdown-item :href="resolveDjangoUrl('list_automation')"> <i class="fas fa-robot fa-fw"></i> {{ Models["AUTOMATION"].name }} </b-dropdown-item>
 
+            <b-dropdown-item :href="resolveDjangoUrl('list_user_file')"> <i class="fas fa-file fa-fw"></i> {{ Models["USERFILE"].name }} </b-dropdown-item>
+
+            <b-dropdown-item :href="resolveDjangoUrl('list_step')"> <i class="fas fa-puzzle-piece fa-fw"></i>{{ Models["STEP"].name }} </b-dropdown-item>
         </b-dropdown>
     </span>
 </template>
 
 <script>
+import Vue from "vue"
+import { BootstrapVue } from "bootstrap-vue"
+import "bootstrap-vue/dist/bootstrap-vue.css"
 
-import Vue from 'vue'
-import {BootstrapVue} from 'bootstrap-vue'
-import 'bootstrap-vue/dist/bootstrap-vue.css'
-
-import {Models} from "@/utils/models";
-import {ResolveUrlMixin} from "@/utils/utils";
-
+import { Models } from "@/utils/models"
+import { ResolveUrlMixin } from "@/utils/utils"
 
 Vue.use(BootstrapVue)
 
 export default {
-  name: 'ModelMenu',
-  mixins: [ResolveUrlMixin],
-  data() {
-    return {
-      Models: Models
-    }
-  },
-  mounted() {
-  },
-  methods: {
-    gotoURL: function (model) {
-      return
-    }
-  }
+    name: "ModelMenu",
+    mixins: [ResolveUrlMixin],
+    data() {
+        return {
+            Models: Models,
+        }
+    },
+    mounted() {},
+    methods: {
+        gotoURL: function (model) {
+            return
+        },
+    },
 }
-
-</script>
+</script>

vue/src/components/GenericHorizontalCard.vue

@@ -191,7 +191,7 @@ export default {
             return this.model?.ordered_tags ?? []
         },
         getFullname: function () {
-            if (!this.item?.full_name.includes(">")) {
+            if (!this.item?.full_name?.includes(">")) {
                 return undefined
             }
             return this.item?.full_name

vue/src/components/GenericPill.vue

@@ -10,12 +10,7 @@
 export default {
     name: "GenericPill",
     props: {
-        item_list: {
-            type: Array,
-            default() {
-                return []
-            },
-        },
+        item_list: { type: Object },
         label: { type: String, default: "name" },
         color: { type: String, default: "light" },
     },

vue/src/components/IngredientComponent.vue

@@ -33,31 +33,20 @@
                 </div>
             </td>
             <td v-else-if="show_shopping" class="text-right text-nowrap">
-                <!-- in shopping mode and ingredient is not ignored -->
-                <div v-if="!ingredient.food.ignore_shopping">
-                    <b-button
-                        class="btn text-decoration-none fas fa-shopping-cart px-2 user-select-none"
-                        variant="link"
-                        v-b-popover.hover.click.blur.html.top="{ title: ShoppingPopover, variant: 'outline-dark' }"
-                        :class="{
-                            'text-success': shopping_status === true,
-                            'text-muted': shopping_status === false,
-                            'text-warning': shopping_status === null,
-                        }"
-                    />
-                    <span class="px-2">
-                        <input type="checkbox" class="align-middle" v-model="shop" @change="changeShopping" />
-                    </span>
-                    <on-hand-badge :item="ingredient.food" />
-                </div>
-                <div v-else>
-                    <!-- or in shopping mode and food is ignored: Shopping Badge bypasses linking ingredient to Recipe which would get ignored -->
-                    <shopping-badge :item="ingredient.food" :override_ignore="true" class="px-1" />
-                    <span class="px-2">
-                        <input type="checkbox" class="align-middle" disabled v-b-popover.hover.click.blur :title="$t('IgnoredFood', { food: ingredient.food.name })" />
-                    </span>
-                    <on-hand-badge :item="ingredient.food" />
-                </div>
+                <b-button
+                    class="btn text-decoration-none fas fa-shopping-cart px-2 user-select-none"
+                    variant="link"
+                    v-b-popover.hover.click.blur.html.top="{ title: ShoppingPopover, variant: 'outline-dark' }"
+                    :class="{
+                        'text-success': shopping_status === true,
+                        'text-muted': shopping_status === false,
+                        'text-warning': shopping_status === null,
+                    }"
+                />
+                <span class="px-2">
+                    <input type="checkbox" class="align-middle" v-model="shop" @change="changeShopping" />
+                </span>
+                <on-hand-badge :item="ingredient.food" />
             </td>
         </template>
     </tr>
@@ -66,11 +55,10 @@
 <script>
 import { calculateAmount, ResolveUrlMixin, ApiMixin } from "@/utils/utils"
 import OnHandBadge from "@/components/Badges/OnHand"
-import ShoppingBadge from "@/components/Badges/Shopping"
 
 export default {
     name: "IngredientComponent",
-    components: { OnHandBadge, ShoppingBadge },
+    components: { OnHandBadge },
     props: {
         ingredient: Object,
         ingredient_factor: { type: Number, default: 1 },
@@ -129,7 +117,7 @@ export default {
                 } else {
                     // there are not recipes in the shopping list
                     // set default value
-                    this.shop = !this.ingredient?.food?.on_hand && !this.ingredient?.food?.ignore_shopping && !this.ingredient?.food?.recipe
+                    this.shop = !this.ingredient?.food?.food_onhand && !this.ingredient?.food?.recipe
                     this.$emit("add-to-shopping", { item: this.ingredient, add: this.shop })
                     // mark checked if the food is in the shopping list for this ingredient/recipe
                     if (count_shopping_ingredient >= 1) {
@@ -146,8 +134,8 @@ export default {
 
                 if (this.add_shopping_mode) {
                     // if we are in add shopping mode (e.g. recipe_shopping_modal) start with all checks marked
-                    // except if on_hand and ignore_shopping (could be if recipe too?)
-                    this.shop = !this.ingredient?.food?.on_hand && !this.ingredient?.food?.ignore_shopping && !this.ingredient?.food?.recipe
+                    // except if on_hand (could be if recipe too?)
+                    this.shop = !this.ingredient?.food?.food_onhand && !this.ingredient?.food?.recipe
                 }
             },
         },

vue/src/components/Modals/ShoppingModal.vue

@@ -106,7 +106,7 @@ export default {
                         ...this.steps
                             .map((x) => x.ingredients)
                             .flat()
-                            .filter((x) => !x?.food?.on_hand && !x?.food?.ignore_shopping)
+                            .filter((x) => !x?.food?.food_onhand)
                             .map((x) => x.id),
                     ]
                     this.recipe_servings = result.data?.servings
@@ -141,7 +141,7 @@ export default {
                                     .flat()
                                     .map((x) => x.ingredients)
                                     .flat()
-                                    .filter((x) => !x.food.on_hand && !x.food.ignore_shopping)
+                                    .filter((x) => !x.food.override_ignore)
                                     .map((x) => x.id),
                             ]
                         })