Improved: UI to add translations and removed unwanted imports(#18)

src/components/AddLocationModal.vue

@@ -19,23 +19,23 @@
     </ion-item>
     <ion-item>
       <ion-label>{{ translate("Area") }} <ion-text color="danger">*</ion-text></ion-label>
-      <ion-input placeholder="area" v-model="locationInfo.areaId"/>
+      <ion-input :placeholder="translate('area')" v-model="locationInfo.areaId"/>
     </ion-item>
     <ion-item>
       <ion-label>{{ translate("Aisle") }} <ion-text color="danger">*</ion-text></ion-label>
-      <ion-input placeholder="aisle" v-model="locationInfo.aisleId"/>
+      <ion-input :placeholder="translate('aisle')" v-model="locationInfo.aisleId"/>
     </ion-item>
     <ion-item>
       <ion-label>{{ translate("Section") }} <ion-text color="danger">*</ion-text></ion-label>
-      <ion-input placeholder="section" v-model="locationInfo.sectionId"/>
+      <ion-input :placeholder="translate('section')" v-model="locationInfo.sectionId"/>
     </ion-item>
     <ion-item>
       <ion-label>{{ translate("Level") }} <ion-text color="danger">*</ion-text></ion-label>
-      <ion-input placeholder="level" v-model="locationInfo.levelId"/>
+      <ion-input :placeholder="translate('level')" v-model="locationInfo.levelId"/>
     </ion-item>
     <ion-item>
       <ion-label>{{ translate("Sequence") }}</ion-label>
-      <ion-input placeholder="sequence" v-model="locationInfo.positionId"/>
+      <ion-input :placeholder="translate('sequence')" v-model="locationInfo.positionId"/>
     </ion-item>
   </ion-content>
 

src/locales/en.json

@@ -7,14 +7,14 @@
   "Address": "Address",
   "Address line 1": "Address line 1",
   "Address line 2": "Address line 2",
-  "aisle": "aisle",
   "Aisle": "Aisle",
+  "aisle": "aisle",
   "All": "All",
   "Allow pickup": "Allow pickup",
   "App": "App",
   "Apply": "Apply",
-  "area": "area",
   "Area": "Area",
+  "area": "area",
   "Back to Launchpad": "Back to Launchpad",
   "Built: ": "Built: { builtDateTime }",
   "Cancel": "Cancel",
@@ -39,9 +39,15 @@
   "Facility": "Facility",
   "Facility details": "Facility details",
   "Facility ID": "Facility ID",
+  "Facility location created successfully": "Facility location created successfully",
+  "Facility location updated successfully": "Facility location updated successfully",
   "Facility name": "Facility name",
   "Facility Management": "Facility Management",
+  "Failed to create facility location": "Failed to create facility location",
   "Failed to fetch facility information": "Failed to fetch facility information",
+  "Failed to find the facility locations": "Failed to find the facility locations",
+  "Failed to remove facility location": "Failed to remove facility location",
+  "Failed to update facility location": "Failed to update facility location",
   "Fetching TimeZones": "Fetching TimeZones",
   "Find Facilities": "Find Facilities",
   "Friday": "Friday",
@@ -58,8 +64,8 @@
   "Language": "Language",
   "Latitude": "Latitude",
   "Latitude & Longitude": "Latitude & Longitude",
-  "level": "level",
   "Level": "Level",
+  "level": "level",
   "Loading": "Loading",
   "Location": "Location",
   "Location details": "Location details",
@@ -91,23 +97,24 @@
   "orders allocated today": "{orderCount} orders allocated today",
   "orders in fulfillment queue": "{orderCount} orders in fulfillment queue",
   "Parking": "Parking",
-  "party id": "party id",
   "Party Id": "Party Id",
+  "party id": "party id",
   "Password": "Password",
   "Please contact the administrator.": "Please contact the administrator.",
+  "Please fill all the required fields": "Please fill all the required fields",
   "primary store": "primary store",
   "Product Store": "Product Store",
   "Product Stores": "Product Stores",
   "Reason:": "Reason:",
   "Reset": "Reset",
   "Remove": "Remove",
   "Remove location": "Remove location",
-  "role": "role",
   "Role": "Role",
+  "role": "role",
   "Saturday": "Saturday",
   "Save": "Save",
-  "section": "section",
   "Section": "Section",
+  "section": "section",
   "Select": "Select",
   "Search facilities": "Search facilities",
   "Search time zones": "Search time zones",
@@ -119,8 +126,8 @@
   "Select your preferred language.": "Select your preferred language.",
   "Sell Online": "Sell Online",
   "Sell Inventory Online": "Sell Inventory Online",
-  "sequence": "sequence",
   "Sequence": "Sequence",
+  "sequence": "sequence",
   "Settings": "Settings",
   "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.": "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.",
   "Shopify": "Shopify",
@@ -131,8 +138,8 @@
   "Specify which facility you want to operate from. Order, inventory and other configuration data will be specific to the facility you select.": "Specify which facility you want to operate from. Order, inventory and other configuration data will be specific to the facility you select.",
   "Staff": "Staff",
   "State": "State",
-  "Store": "Store",
   "store name": "store name",
+  "Store": "Store",
   "Sunday": "Sunday",
   "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.": "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.",
   "These values are used to help customers lookup how close they are to your stores when they are finding nearby stores.": "These values are used to help customers lookup how close they are to your stores when they are finding nearby stores.",

src/store/modules/facility/actions.ts

@@ -6,8 +6,6 @@ import { FacilityService } from '@/services/FacilityService'
 import { hasError } from '@/adapter'
 import * as types from './mutation-types'
 import logger from '@/logger'
-import { showToast } from '@/utils'
-import { translate } from '@hotwax/dxp-components'
 
 const actions: ActionTree<FacilityState, RootState> = {
   async fetchFacilities({ commit, state }, payload) {