From c37487042e483f9d1e763ad01efe8fe5652d4810 Mon Sep 17 00:00:00 2001 From: Bill Richardson Date: Fri, 24 Mar 2023 12:50:38 -0400 Subject: [PATCH 1/2] Only process zipcode on change. --- .../service-zip-modal-question.vue | 38 +++++++++++-------- 1 file changed, 22 insertions(+), 16 deletions(-) diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue index 174b74523..5d9631442 100644 --- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue +++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue @@ -140,28 +140,34 @@ export default { }, async setZipCode() { - this.resetAlerts(); + if (this.internalModel.zipCode !== this.modelValue.zipCode) + { + this.resetAlerts(); - const zipCodeData = await this.getZipCodeData(this.internalModel.zipCode); + const zipCodeData = await this.getZipCodeData(this.internalModel.zipCode); - if (!zipCodeData.isValid) { - this.displayInvalidZipAlert = true; - this.focusOnZipInput(); - this.resetModalButtonStyle(); - } else { - this.internalModel.state = zipCodeData.state; + if (!zipCodeData.isValid) { + this.displayInvalidZipAlert = true; + this.focusOnZipInput(); + this.resetModalButtonStyle(); + } else { + this.internalModel.state = zipCodeData.state; - // retrieve mobile fee part - const serviceZipCode = this.internalModel.zipCode; - const mobileFeePart = await getPricedMobileFeePart(serviceZipCode); + // retrieve mobile fee part + const serviceZipCode = this.internalModel.zipCode; + const mobileFeePart = await getPricedMobileFeePart(serviceZipCode); - // emit it to parent - this.$emit("updated-mobile-fee-part", mobileFeePart); + // emit it to parent + this.$emit("updated-mobile-fee-part", mobileFeePart); - // Update the page level model - this.$emit("update:modelValue", this.internalModel); - this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase); + // Update the page level model + this.$emit("update:modelValue", this.internalModel); + this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase); + this.closeModal(); + } + } + else { this.closeModal(); } }, From cfeed1ff28a2733009d5b250f5c109ba3861194a Mon Sep 17 00:00:00 2001 From: Bill Richardson Date: Fri, 24 Mar 2023 13:37:59 -0400 Subject: [PATCH 2/2] formatting --- .../service-zip-modal-question.vue | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue index 5d9631442..3861ff01d 100644 --- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue +++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue @@ -140,8 +140,7 @@ export default { }, async setZipCode() { - if (this.internalModel.zipCode !== this.modelValue.zipCode) - { + if (this.internalModel.zipCode !== this.modelValue.zipCode) { this.resetAlerts(); const zipCodeData = await this.getZipCodeData(this.internalModel.zipCode); @@ -166,8 +165,7 @@ export default { this.closeModal(); } - } - else { + } else { this.closeModal(); } },