Merge pull request #173 from k2maan/#85zrx64et

Implemented: confirmation alert on inventory count upload (#85zrx64et)

src/locales/en.json

@@ -19,6 +19,7 @@
   "Location": "Location",
   "Login": "Login",
   "Logout": "Logout",
+  "Make sure you've reviewed the products and their counts before uploading them for review": "Make sure you've reviewed the products and their counts before uploading them for review",
   "No time zone found": "No time zone found",
   "Ok": "Ok",
   "OMS": "OMS",
@@ -49,5 +50,6 @@
   "Update time zone": "Update time zone",
   "Upload": "Upload",
   "Username": "Username",
+  "Upload inventory count": "Upload inventory count",
   "View": "View"
 }

src/views/Upload.vue

@@ -31,7 +31,7 @@
         <ion-button fill="clear" @click="removeItem(product.sku)">{{ $t( "Remove" ) }}</ion-button>
       </ion-card>
       <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-        <ion-fab-button @click="upload()" :disabled="Object.keys(uploadProducts).length === 0">
+        <ion-fab-button @click="presentAlertOnUpload()" :disabled="Object.keys(uploadProducts).length === 0">
           <ion-icon :icon="cloudUploadOutline" />
         </ion-fab-button>
       </ion-fab>
@@ -41,6 +41,7 @@
 
 <script lang="ts">
 import {
+  alertController,
   IonBadge,
   IonButton,
   IonCard,
@@ -93,6 +94,23 @@ export default defineComponent({
     removeItem (sku: any) {
       this.store.dispatch('product/removeItemFromUploadProducts', sku)
     },
+    async presentAlertOnUpload() {
+      const alert = await alertController.create({
+        header: this.$t("Upload inventory count"),
+        message: this.$t("Make sure you've reviewed the products and their counts before uploading them for review"),
+        buttons: [{
+          text: this.$t('Cancel'),
+          role: 'cancel',
+        },
+        {
+          text: this.$t('Upload'),
+          handler: () => {
+            this.upload()
+          }
+        }]
+      });
+      await alert.present();
+    },
     upload () {
       const inventoryCountRegister = Object.entries(this.uploadProducts).map((product: any) => {
         return {"locationId": product[1].locationId, "productId": product[1].productId, "quantity": product[1].quantity};