diff --git a/src/components/FacilityGeoPointModal.vue b/src/components/FacilityGeoPointModal.vue index 1a0169a3..ae20a2e1 100644 --- a/src/components/FacilityGeoPointModal.vue +++ b/src/components/FacilityGeoPointModal.vue @@ -13,8 +13,8 @@
- - + + {{ translate("Generate") }} @@ -52,6 +52,7 @@ import { IonInput, IonItem, IonSpinner, + IonText, IonTitle, IonToolbar, modalController @@ -80,6 +81,7 @@ export default defineComponent({ IonInput, IonItem, IonSpinner, + IonText, IonTitle, IonToolbar, }, @@ -92,7 +94,8 @@ export default defineComponent({ data() { return { geoPoint: {} as any, - isGeneratingLatLong: false + isGeneratingLatLong: false, + isPostalCodeChanged: false } }, beforeMount() { @@ -102,6 +105,9 @@ export default defineComponent({ closeModal() { modalController.dismiss() }, + postalCodeUpdate() { + this.isPostalCodeChanged = this.geoPoint.postalCode !== this.postalAddress.postalCode; + }, validateZipCode(e: any) { if(/[`!@#$%^&*()_+=\\|,.<>?~{};:'"/]/.test(e.key)){ e.preventDefault(); @@ -143,6 +149,9 @@ export default defineComponent({ showToast("Please fill all the required fields") return; } + // Convert latitude and longitude to numeric form + this.geoPoint.latitude = parseFloat(this.geoPoint.latitude); + this.geoPoint.longitude = parseFloat(this.geoPoint.longitude); emitter.emit('presentLoader')