diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue index cff2a8543..86f468076 100644 --- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue +++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue @@ -26,7 +26,7 @@ cmsWidgetName="ApartmentNumberOrBusinessNameQuestionWidget" v-model="addressModel.apartmentNumberOrBusinessName" ref="apartmentNumberOrBusinessName" - inputId="639b0aaa35f64609ad6995f86a74322b" + inputId="apartmentNumberOrBusinessName" disableAutoFill /> @@ -38,7 +38,7 @@ cmsWidgetName="CityQuestionWidget" v-model="addressModel.city" ref="city" - inputId="cbf28188fdf2436688fd735915f7ee56" + inputId="city" disableAutoFill validationRules="city-required" /> @@ -51,7 +51,7 @@ cmsWidgetName="StateQuestionWidget" v-model="addressModel.state" ref="state" - inputId="8fdf9dc2e13e430eb57529499dceb3eb" + inputId="state" :options="stateOptions" disableAutoFill validationRules="state-required" /> @@ -61,7 +61,7 @@ cmsWidgetName="ZipQuestionWidget" v-model="addressModel.zipCode" ref="zipCode" - inputId="01a9a1c2de0b4c9da8e023c9ae3be498" + inputId="zipCode" mask="#####" disableAutoFill validationRules="zip-code-required|zip-code-format" /> diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue index aeb7a9607..201a28a08 100644 --- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue +++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue @@ -51,7 +51,7 @@ export default { data() { return { internalModel: this.copyModel(this.modelValue), - } + }; }, props: { modelValue: { @@ -112,7 +112,8 @@ export default { return { addressQuestions: { streetAddress: modelToCopy.addressQuestions.streetAddress, - apartmentNumberOrBusinessName: modelToCopy.addressQuestions.apartmentNumberOrBusinessName, + apartmentNumberOrBusinessName: + modelToCopy.addressQuestions.apartmentNumberOrBusinessName, city: modelToCopy.addressQuestions.city, state: modelToCopy.addressQuestions.state, zipCode: modelToCopy.addressQuestions.zipCode, @@ -120,7 +121,7 @@ export default { isVehicleProtected: modelToCopy.isVehicleProtected, isZipServiceableMobile: modelToCopy.isZipServiceableMobile, isZipServiceableInShop: modelToCopy.isZipServiceableInShop, - } + }; }, openModal() { @@ -133,14 +134,12 @@ export default { resetComponent() { this.resetModel(); - + // Reset the validation form this.$refs[this.modalName].form.resetForm({ values: { - "8fdf9dc2e13e430eb57529499dceb3eb": "OH" - } - - + state: this.modelValue.addressQuestions.state, + }, }); // Reinitialize the Address Auto Complete @@ -156,7 +155,7 @@ export default { this.internalModel.addressQuestions.zipCode = ""; // Is Vehicle Protected - this.internalModel.isVehicleProtected = null; + this.internalModel.isVehicleProtected = null; }, async setMobileLocation() { @@ -170,7 +169,7 @@ export default { watch: { modelValue(newValue) { this.internalModel = this.copyModel(newValue); - } + }, }, components: { textLink, 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 735dd6328..ccb0c5111 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 @@ -54,7 +54,7 @@ export default { internalModel: this.copyModel(this.modelValue), displayInvalidZipAlert: false, }; - }, + }, props: { modelValue: { type: Object, @@ -114,7 +114,7 @@ export default { state: modelToCopy.state, zipCode: modelToCopy.zipCode, isServiceable: modelToCopy.isServiceable, - } + }; }, openModal() { @@ -148,14 +148,15 @@ export default { this.internalModel.isServiceable = zipCodeData.isServiceable; // if the service zip code is changing we need to clear the Mobile Location Model - if (this.modelValue.zipCode !== "" && this.internalModel.zipCode !== this.modelValue.zipCode ) { + if ( + this.modelValue.zipCode !== "" && + this.internalModel.zipCode !== this.modelValue.zipCode + ) { this.$emit("service-zip-updated"); } this.$emit("update:modelValue", this.internalModel); - - this.closeModal(); } }, @@ -166,7 +167,7 @@ export default { }, modelValue(newValue) { this.internalModel = this.copyModel(newValue); - } + }, }, components: { textLink, diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-question.vue index 4ebe39ed1..979094523 100644 --- a/src/layouts/service-location/service-zip-modal-question/service-zip-question.vue +++ b/src/layouts/service-location/service-zip-modal-question/service-zip-question.vue @@ -3,7 +3,7 @@ ref="zipInputTextQuestion" :cmsWidgetName="cmsWidgetName" v-model="value" - inputId="serviceZipCodeTextBoxQuestion" + inputId="serviceZipCode" questionAlignment="center" mask="#####" :displayQuestionText="false"