Fix after rebase

vue/src/components/Badges/OnHand.vue

@@ -0,0 +1,40 @@
+<template>
+  <span>
+    <b-button 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})]"
+          :class="[onhand ? 'text-success fa-clipboard-check' :  'text-muted fa-clipboard' ]"
+          @click="toggleOnHand"
+        />
+  </span>
+</template>
+
+<script>
+
+import {ApiMixin} from "@/utils/utils";
+
+export default {
+  name: 'OnHandBadge',
+  props: {
+    item: {type: Object}
+  },
+    mixins: [ ApiMixin ],
+  data() {
+    return {
+        onhand: false
+    }
+  },
+  mounted() {
+      this.onhand = this.item.on_hand
+  },
+  watch: {
+  },
+  methods: {
+      toggleOnHand() {
+        let params = {'id': this.item.id, 'on_hand': !this.onhand}
+        this.genericAPI(this.Models.FOOD, this.Actions.UPDATE, params).then(() => {
+            this.onhand = !this.onhand
+        })
+      }
+  }
+}
+</script>