Change Text Case on Purchase Order Detail page

hotwax · Oct 13, 2023 · e3e9cba · e3e9cba
1 parent 8a97939
commit e3e9cba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -12,8 +12,8 @@
   "Choosing a product identifier allows you to view products with your preferred identifiers.": "Choosing a product identifier allows you to view products with your preferred identifiers.",
   "Click the backdrop to dismiss.": "Click the backdrop to dismiss.",
   "Complete": "Complete",
-  "COMPLETED: ITEM": "COMPLETED: {itemsCount} ITEM",
-  "COMPLETED: ITEMS": "COMPLETED: {itemsCount} ITEMS",
+  "Completed: item": "Completed: {itemsCount} item",
+  "Completed: items": "Completed: {itemsCount} items",
   "Confirm": "Confirm",
   "Copied": "Copied { value }",
   "eCom Store": "eCom Store",
@@ -51,8 +51,8 @@
   "ordered": "ordered",
   "Orders not found": "Orders not found",
   "Password": "Password",
-  "PENDING: ITEM": "PENDING: {itemsCount} ITEM",
-  "PENDING: ITEMS": "PENDING: {itemsCount} ITEMS",
+  "Pending: item": "Pending: {itemsCount} item",
+  "Pending: items": "Pending: {itemsCount} Items",
   "primary identifier": "primary identifier",
   "Primary Product Identifier": "Primary Product Identifier",
   "Proceed": "Proceed",

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
@@ -27,7 +27,7 @@
 
           <div class="doc-meta">
             <ion-chip @click="copyToClipboard(order.orderId, 'Internal ID saved to clipboard')">{{ order.orderId }}<ion-icon :icon="copyOutline"/></ion-chip>
-            <ion-badge :color="order.orderStatusId === 'ORDER_CREATED' ? 'medium' : 'primary'">{{ order.orderStatusDesc }}</ion-badge>
+            <ion-badge :color="order.orderStatusId === 'ORDER_CREATED' ? 'medium' : 'primary'">{{ order.orderStatusDesc.toLowerCase }}</ion-badge>
           </div>
         </div>
 
@@ -44,10 +44,10 @@
 
         <ion-item lines="none">
           <ion-label v-if="getPOItems('pending').length > 1" color="medium" class="ion-margin-end">
-            {{ $t("PENDING: ITEMS", { itemsCount: getPOItems('pending').length }) }}
+            {{ $t("Pending: items", { itemsCount: getPOItems('pending').length }) }}
           </ion-label>
           <ion-label v-else color="medium" class="ion-margin-end">
-            {{ $t("PENDING: ITEM", { itemsCount: getPOItems('pending').length }) }}
+            {{ $t("Pending: item", { itemsCount: getPOItems('pending').length }) }}
           </ion-label>
         </ion-item>
 
@@ -104,10 +104,10 @@
 
         <ion-item lines="none">
           <ion-text v-if="getPOItems('completed').length > 1" color="medium" class="ion-margin-end">
-            {{ $t("COMPLETED: ITEMS", { itemsCount: getPOItems('completed').length }) }}
+            {{ $t("Completed: items", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
           <ion-text v-else color="medium" class="ion-margin-end">
-            {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
+            {{ $t("Completed: item", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
           <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" />
         </ion-item>