Implemented feature to import CSV to reset Inventory(#31a0f22)

src/components/BulkInventoryAdjustmentModal.vue

@@ -0,0 +1,118 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-button @click="closeModal"> 
+          <ion-icon :icon="close" />
+        </ion-button>
+      </ion-buttons>
+      <ion-title>{{ $t("Bulk adjustment") }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <ion-item lines="full">
+      <ion-label>{{ $t("Buffer quantity") }}</ion-label>
+      <ion-input v-model="quantityBuffer" type="number" min="0" :placeholder = "$t('Quantity')" />
+    </ion-item>
+
+    <ion-item>
+      <ion-label>{{ $t("Facility") }}</ion-label>
+      <ion-select interface="popover" v-model="facilityId">
+        <ion-select-option v-for="facility in facilities" :key="facility.facilityId" :value="facility.facilityId">{{ facility.facilityName }}</ion-select-option>
+      </ion-select>
+    </ion-item>
+
+    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+      <ion-fab-button @click="save">
+        <ion-icon :icon="saveOutline" />
+      </ion-fab-button>
+    </ion-fab>
+  </ion-content>
+</template>
+<script lang="ts">
+import { 
+  IonButtons,
+  IonButton,
+  IonContent,
+  IonFab,
+  IonFabButton,
+  IonHeader,
+  IonItem,
+  IonIcon,
+  IonInput,
+  IonLabel,
+  IonSelect,
+  IonSelectOption,
+  IonTitle,
+  IonToolbar,
+  modalController,
+} from "@ionic/vue";
+import { defineComponent } from "vue";
+import { close, saveOutline } from "ionicons/icons";
+import { useStore } from "@/store";
+import { mapGetters } from "vuex";
+import { showToast } from "@/utils";
+import { translate } from "@/i18n";
+export default defineComponent({
+  name: "BulkInventoryAdjustmentModal",
+  components: {
+    IonButtons,
+    IonButton,
+    IonContent,
+    IonFab,
+    IonFabButton,
+    IonHeader,
+    IonIcon,
+    IonItem,
+    IonInput,
+    IonLabel,
+    IonSelect,
+    IonSelectOption,
+    IonTitle,
+    IonToolbar 
+  },
+  data() {
+    return {
+      quantityBuffer: 0,
+      facilityId: "",
+    }
+  },
+  computed: {
+    ...mapGetters({
+      stockItems: 'stock/getStockItems',  
+      facilities: 'util/getFacilities',
+    })
+  },
+  methods: {
+    closeModal() {
+      modalController.dismiss({ dismissed: true });
+    },
+    async save() {
+      const facilityLocations = await this.store.dispatch('util/fetchFacilityLocations', [this.facilityId]);
+      const locationSeqId = facilityLocations[this.facilityId] && facilityLocations[this.facilityId][0] ? facilityLocations[this.facilityId][0].locationSeqId : '';
+      this.stockItems.parsed.map((item: any) => {
+        if (item.isSelected) {
+          item.quantity -= this.quantityBuffer;
+          if(this.facilityId) {
+            item.facilityId = this.facilityId;
+            item.externalFacilityId = "";
+            item.locationSeqId = locationSeqId;
+          }
+        }
+      })
+      await this.store.dispatch('stock/updateStockItems', this.stockItems)
+      this.closeModal();
+      showToast(translate("Changes have been successfully applied"));
+    },
+  },
+  setup() {
+    const store = useStore();
+    return {
+      close,
+      saveOutline,
+      store
+    };
+  },
+});
+</script>

src/components/Menu.vue

@@ -54,7 +54,8 @@ import {
 } from "@ionic/vue";
 import { defineComponent, ref } from "vue";
 import { mapGetters } from "vuex";
-import { bookmarkOutline, settings, calendar } from "ionicons/icons";
+
+import { albumsOutline, bookmarkOutline, settings, calendar } from "ionicons/icons";
 import { useStore } from "@/store";
 
 export default defineComponent({
@@ -100,6 +101,12 @@ export default defineComponent({
     const store = useStore();
     const selectedIndex = ref(0);
     const appPages = [
+      {
+        title: "Inventory",
+        url: "/inventory",
+        iosIcon: albumsOutline,
+        mdIcon: albumsOutline
+      },
       {
         title: "Purchase order",
         url: "/purchase-order",
@@ -122,6 +129,7 @@ export default defineComponent({
     return {
       selectedIndex,
       appPages,
+      albumsOutline,
       calendar,
       settings,
       store

src/components/MissingFacilitiesModal.vue

@@ -70,7 +70,7 @@ export default defineComponent({
     IonTitle,
     IonToolbar 
   },
-  props: ["itemsWithMissingFacility", "facilities"],
+  props: ["itemsWithMissingFacility", "type"],
   data() {
     return {
       itemsByFacilityId: {},
@@ -79,23 +79,22 @@ export default defineComponent({
   },
   computed: {
     ...mapGetters({
-      purchaseOrders: 'order/getPurchaseOrders'
+      purchaseOrders: 'order/getPurchaseOrders',
+      stockItems: 'stock/getStockItems',
+      facilities: 'util/getFacilities',
     })
   },
   mounted(){
     this.groupItemsByFacilityId();
   },
   methods: {
-    save(){
-      Object.keys(this.facilityMapping).map((facilityId: any) => {
-        Object.values(this.purchaseOrders.parsed).flat().map((item: any) => {
-          if(item.externalFacilityId === facilityId){
-            item.externalFacilityId = "";
-            item.facilityId = this.facilityMapping[facilityId];
-          }
-        })
-      })
-      this.store.dispatch('order/updatePurchaseOrders', this.purchaseOrders);
+    async save(){
+      if(this.type === 'order'){
+        this.store.dispatch('order/updateMissingFacilities', this.facilityMapping)
+      } else {
+        this.store.dispatch('stock/updateMissingFacilities', this.facilityMapping)
+      }
+
       this.closeModal();
       showToast(translate("Changes have been successfully applied"));
     },

src/components/MissingSkuModal.vue

@@ -14,7 +14,7 @@
       <div>
         <ion-item id="update-sku" :class="isSkuInvalid ? 'ion-invalid' : ''">
           <ion-input v-model="updatedSku" :clear-input="true" :placeholder="$t('Select SKU')" @ionFocus="selectInputText($event)" />
-          <ion-note v-show="hasSkuUpdated && purchaseOrders.unidentifiedItems.length" slot="helper" color="success">{{ $t("The SKU is successfully changed") }}</ion-note>
+          <ion-note v-show="hasSkuUpdated && (purchaseOrders.unidentifiedItems.length || stockItems.unidentifiedItems.length)" slot="helper" color="success">{{ $t("The SKU is successfully changed") }}</ion-note>
           <ion-note slot="error">{{ $t("This SKU is not available, please try again") }}</ion-note>
         </ion-item>
         <ion-button @click="update" :disabled="!(unidentifiedProductSku && updatedSku)">{{ $t("Update") }}</ion-button>
@@ -116,14 +116,20 @@ export default defineComponent({
       updatedSku: '',
       unidentifiedProductSku: '',
       hasSkuUpdated: false,
-      isSkuInvalid: false
+      isSkuInvalid: false,
+      unidentifiedItems: [] as any
     }
   },
   computed: {
     ...mapGetters({
       purchaseOrders: 'order/getPurchaseOrders',
+      stockItems: 'stock/getStockItems',
     })
   },
+  mounted() {
+    this.unidentifiedItems =  this.type ==='order' ? this.purchaseOrders.unidentifiedItems : this.stockItems.unidentifiedItems;  
+  },
+  props: ['type'],
   methods: {
     selectInputText(event: any) {
       event.target.getInputElement().then((element: any) => {
@@ -134,13 +140,14 @@ export default defineComponent({
       modalController.dismiss({ dismissed: true });
     },
     getPendingItems(){
-      return this.purchaseOrders.unidentifiedItems.filter((item: any) => !item.updatedSku);
+      return this.unidentifiedItems.filter((item: any) => !item.updatedSku);
     },
     getCompletedItems(){
-      return this.purchaseOrders.unidentifiedItems.filter((item: any) => item.updatedSku);
+      return this.unidentifiedItems.filter((item: any) => item.updatedSku);
     },
-    save(){
-      this.store.dispatch('order/updateUnidentifiedItem', { unidentifiedItems: this.purchaseOrders.unidentifiedItems });
+    save() {
+      if(this.type === 'order') this.store.dispatch('order/updateUnidentifiedItem', { unidentifiedItems: this.purchaseOrders.unidentifiedItems });
+      else this.store.dispatch('stock/updateUnidentifiedItem', { unidentifiedItems: this.stockItems.unidentifiedItems });
       this.closeModal();
     },
     async update() {
@@ -152,22 +159,27 @@ export default defineComponent({
         productIds: [this.updatedSku]
       }
       const products = await this.store.dispatch("product/fetchProducts", payload);
-      if (products.length) {
-        const item = products[0];
-        const unidentifiedItem = this.purchaseOrders.unidentifiedItems.find((unidentifiedItem: any) => unidentifiedItem.shopifyProductSKU === this.unidentifiedProductSku);
-
-        unidentifiedItem.updatedSku = this.updatedSku;
-        unidentifiedItem.parentProductId = item.parent.id;
-        unidentifiedItem.pseudoId = item.pseudoId;
-        unidentifiedItem.parentProductName = item.parent.productName;
-        unidentifiedItem.imageUrl = item.images.mainImageUrl;
-        unidentifiedItem.isNewProduct = "N";
-        unidentifiedItem.isSelected = true;
-
-        this.hasSkuUpdated = true;
+      const product = products[this.updatedSku];
+      if (!product) {
+        this.isSkuInvalid = true;
+        return;
+      }
+
+      const unidentifiedItem = this.unidentifiedItems.find((unidentifiedItem: any) => unidentifiedItem.shopifyProductSKU === this.unidentifiedProductSku);
+
+      unidentifiedItem.updatedSku = this.updatedSku;
+      unidentifiedItem.parentProductId = product.parent.id;
+      unidentifiedItem.pseudoId = product.pseudoId;
+      unidentifiedItem.parentProductName = product.parent.productName;
+      unidentifiedItem.imageUrl = product.images.mainImageUrl;
+      unidentifiedItem.isSelected = true;
+
+      this.hasSkuUpdated = true;
+      if (this.type === 'order'){
+        unidentifiedItem.isNewProduct = 'N';
         this.store.dispatch('order/updatePurchaseOrders', this.purchaseOrders);
       } else {
-        this.isSkuInvalid = true;
+        this.store.dispatch('stock/updateStockItems', this.stockItems);
       }
     },
   },