Improved: create button text to be dynamic based on facility type (#68)

hotwax · Dec 7, 2023 · 07b34de · 07b34de
1 parent 3545153
commit 07b34de
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -40,7 +40,11 @@
   "Configure the order fulfillment capacity of your facility.": "Configure the order fulfillment capacity of your facility.",
   "Consumed Order Limit": "Consumed Order Limit",
   "Create login credentials": "Create login credentials",
+  "Create Outlet Store": "Create Outlet Store",
+  "Create Outlet Warehouse": "Create Outlet Warehouse",
+  "Create Retail Store": "Create Retail Store",
   "Create store": "Create store",
+  "Create Warehouse": "Create Warehouse",
   "Custom": "Custom",
   "Custom fulfillment capacity": "Custom fulfillment capacity",
   "Custom mapping": "Custom mapping",

diff --git a/src/views/CreateFacility.vue b/src/views/CreateFacility.vue
@@ -15,7 +15,7 @@
           <ion-list>
             <ion-item lines="none">
               <ion-label>{{ translate("Type") }}</ion-label>
-              <ion-select interface="popover" :value="selectedFacilityTypeId">
+              <ion-select interface="popover" v-model="selectedFacilityTypeId">
                 <ion-select-option :value="facilityTypeId" :key="facilityTypeId" v-for="(type, facilityTypeId) in facilityTypesByParentTypeId">
                   {{ type.description }}
                 </ion-select-option>
@@ -48,7 +48,7 @@
         <div class="ion-text-center ion-margin">
           <ion-button @click="createFacility()">
             <ion-icon slot="start" :icon="addOutline"/>
-            {{ translate("Create store") }}
+            {{ facilityTypes[selectedFacilityTypeId] ? translate(`Create ${facilityTypes[selectedFacilityTypeId]?.description}`) : translate("Create store") }}
           </ion-button>
         </div>
       </main>
@@ -72,6 +72,8 @@ import {
   IonList,
   IonNote,
   IonPage,
+  IonSelect,
+  IonSelectOption,
   IonText,
   IonTitle,
   IonToolbar,
@@ -103,6 +105,8 @@ export default defineComponent({
     IonList,
     IonNote,
     IonPage,
+    IonSelect,
+    IonSelectOption,
     IonText,
     IonTitle,
     IonToolbar,