Improved: code for close PO items (hotwax#212)

src/locales/en.json

@@ -5,8 +5,8 @@
   "Add to Shipment": "Add to Shipment",
   "App": "App",
   "Authenticating": "Authenticating",
-  "Are you sure you want to change the time zone to?": "Are you sure you want to change the time zone to {timeZoneId}?",
   "Are you sure you have received the purchase order for the selected items? Once closed, the shipments for the selected items wont be available for receiving later.": "Are you sure you have received the purchase order for the selected items? { space } Once closed, the shipments for the selected items won't be available for receiving later.",
+  "Are you sure you want to change the time zone to?": "Are you sure you want to change the time zone to {timeZoneId}?",
   "Arrival date": "Arrival date",
   "Cancel": "Cancel",
   "Change": "Change",
@@ -64,8 +64,8 @@
   "Qty": "Qty",
   "Receive": "Receive",
   "Receive All": "Receive All",
-  "Receive inventory": "Receive inventory",
   "Receive And Close": "Receive And Close",
+  "Receive inventory": "Receive inventory",
   "received": "received",
   "Receive Shipment": "Receive Shipment",
   "Receiving": "Receiving",

src/views/ClosePurchaseOrderModal.vue

@@ -44,72 +44,72 @@
 
 <script lang="ts">
 import {
+  alertController,
   IonButton,
   IonButtons,
   IonBadge,
+  IonCheckbox,
   IonContent,
+  IonFab,
+  IonFabButton,
   IonHeader,
   IonIcon,
-  IonTitle,
-  IonToolbar,
-  IonList,
   IonItem,
+  IonLabel,
+  IonList,
   IonListHeader,
+  IonTitle,
+  IonToolbar,
   IonThumbnail,
-  IonLabel,
-  IonCheckbox,
-  IonFab,
-  IonFabButton,
-  alertController,
   modalController
 } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { Actions, hasPermission } from '@/authorization'
 import { closeOutline, checkmarkCircle, arrowBackOutline, saveOutline } from 'ionicons/icons';
+import { defineComponent } from 'vue';
 import { mapGetters } from 'vuex'
-import { ShopifyImg } from '@hotwax/dxp-components';
-import { Actions, hasPermission } from '@/authorization'
-import { productHelpers, showToast } from '@/utils';
 import { OrderService } from "@/services/OrderService";
+import { productHelpers, showToast } from '@/utils';
+import { ShopifyImg } from '@hotwax/dxp-components';
 import { translate } from '@/i18n'
 
 export default defineComponent({
   name: "closePurchaseOrder",
   components: {
-    ShopifyImg,
+    IonBadge,
     IonButton,
     IonButtons,
-    IonBadge,
+    IonCheckbox,
     IonContent,
+    IonFab,
+    IonFabButton,
     IonHeader,
     IonIcon,
-    IonTitle,
-    IonToolbar,
-    IonThumbnail,
-    IonList,
     IonItem,
-    IonListHeader,
     IonLabel,
-    IonCheckbox,
-    IonFab,
-    IonFabButton
+    IonList,
+    IonListHeader,
+    IonTitle,
+    IonThumbnail,
+    IonToolbar,
+    ShopifyImg
   },
   computed: {
     ...mapGetters({
-      order: 'order/getCurrent',
       getProduct: 'product/getProduct',
+      order: 'order/getCurrent',
       productIdentificationPref: 'user/getProductIdentificationPref'
     })
   },
   setup() {
     return {
       arrowBackOutline,
+      Actions,
       closeOutline,
-      saveOutline,
       checkmarkCircle,
       hasPermission,
-      Actions,
+      OrderService,
       productHelpers,
-      OrderService
+      saveOutline
     };
   },
   props: ['createShipment', 'isEligibileForCreatingShipment'],

src/views/PurchaseOrderDetail.vue

@@ -106,6 +106,7 @@
 
 <script lang="ts">
 import {
+  alertController,
   IonBackButton,
   IonBadge,
   IonButton,
@@ -124,8 +125,7 @@ import {
   IonThumbnail,
   IonTitle,
   IonToolbar,
-  modalController,
-  alertController,
+  modalController
 } from '@ionic/vue';
 import { defineComponent } from 'vue';
 import { addOutline, cameraOutline, checkmarkDone, saveOutline, timeOutline, copyOutline } from 'ionicons/icons';