Updated: added import, locales and change the productListItem logic(#386

)
hotwax · May 22, 2024 · 042b566 · 042b566
1 parent 789ef84
commit 042b566
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/src/components/ProductListItem.vue b/src/components/ProductListItem.vue
@@ -9,17 +9,17 @@
     </ion-label>
     <!-- Only show stock if its not a ship to store order -->
     <div v-if="!isShipToStoreOrder">
-      <ion-button v-if="!isFetchingStock && !showInfoIcon" fill="clear" @click.stop="fetchProductStock(item.productId)">
-        <ion-icon color="medium" slot="icon-only" :icon="cubeOutline" />
-      </ion-button>
-      <div v-else-if="showInfoIcon" class="atp-info">
+      <ion-spinner v-if="isFetchingStock" color="medium" name="crescent" />
+      <div v-else-if="getInventoryInformation(item.productId).onlineAtp" class="atp-info">
         <ion-note slot="end"> {{ getInventoryInformation(item.productId).onlineAtp ?? '0' }} </ion-note>
         <ion-button fill="clear" @click.stop="openInventoryDetailPopover($event)">
           <ion-icon slot="icon-only" :icon="informationCircleOutline" color="medium" />
         </ion-button>
       </div>
-      <ion-spinner v-else color="medium" name="crescent" />
-    </div>
+      <ion-button v-else fill="clear" @click.stop="fetchProductStock(item.productId)">
+        <ion-icon color="medium" slot="icon-only" :icon="cubeOutline" />
+      </ion-button>
+    </div>  
   </ion-item>
 </template>
 
@@ -47,7 +47,6 @@ export default defineComponent({
     return {
       goodIdentificationTypeId: process.env.VUE_APP_PRDT_IDENT_TYPE_ID,
       isFetchingStock: false,
-      showInfoIcon: false
     }
   },
   props: ['item', 'isShipToStoreOrder'],
@@ -64,7 +63,6 @@ export default defineComponent({
       this.isFetchingStock = true
       await this.store.dispatch('stock/fetchInventoryCount', { productId });
       this.isFetchingStock = false
-      this.showInfoIcon = true;
     },
     async openInventoryDetailPopover(Event: any){
       const popover = await popoverController.create({

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -128,7 +128,7 @@
   "Product details": "Product details",
   "Product not found": "Product not found",
   "Products not found": "Products not found",
-  "Quantity on hands": "Quantity on hands",
+  "Quantity on hand": "Quantity on hand",
   "Re-route Fulfillment": "Re-route Fulfillment",
   "Ready for pickup": "Ready for pickup",
   "Ready to create an app?": "Ready to create an app?",

diff --git a/src/locales/es.json b/src/locales/es.json
@@ -125,7 +125,7 @@
   "Product details": "Detalles del producto",
   "Product not found": "Producto no encontrado",
   "Products not found": "Productos no encontrados",
-  "Quantity on hands": "Quantity on hands",
+  "Quantity on hand": "Quantity on hand",
   "Re-route Fulfillment": "Redireccionar cumplimiento",
   "Ready for pickup": "Listo para recoger",
   "Ready to create an app?": "¿Listo para crear una aplicación?",

diff --git a/src/locales/ja.json b/src/locales/ja.json
@@ -125,7 +125,7 @@
   "Product details": "商品詳細",
   "Product not found": "商品が見つかりません",
   "Products not found": "商品が見つかりません",
-  "Quantity on hands": "Quantity on hands",
+  "Quantity on hand": "Quantity on hand",
   "Re-route Fulfillment": "リルート（受取方法や受取場所の変更）",
   "Ready for pickup": "ピックアップの準備ができました",
   "Ready to create an app?": "アプリを作成する準備はできましたか?",

diff --git a/src/views/OtherStoresInventoryModal.vue b/src/views/OtherStoresInventoryModal.vue
@@ -34,6 +34,7 @@ import {
   IonLabel,
   IonList,
   IonNote,
+  IonSearchbar,
   IonTitle,
   IonToolbar,
   modalController
@@ -55,6 +56,7 @@ export default defineComponent({
     IonLabel,
     IonList,
     IonNote,
+    IonSearchbar,
     IonTitle,
     IonToolbar 
   },