diff --git a/src/layouts/service-location/appointment-type-question/appointment-type-question.vue b/src/layouts/service-location/appointment-type-question/appointment-type-question.vue index 732382b1a..1653724f9 100644 --- a/src/layouts/service-location/appointment-type-question/appointment-type-question.vue +++ b/src/layouts/service-location/appointment-type-question/appointment-type-question.vue @@ -8,7 +8,7 @@ :answers="answersToDisplay" :groupName="groupName" buttonTypeString="listCard" - v-model="selectedValues" + v-model="selectedValue" :suppressError="suppressError" :validationRules="validationRules" isRequired /> @@ -55,7 +55,7 @@ export default { }) : []; }, - selectedValues: { + selectedValue: { get: function () { return this.modelValue; }, diff --git a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js index 19758bd07..39631496b 100644 --- a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js +++ b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js @@ -71,3 +71,18 @@ export async function getAvailabilityRating( return Promise.resolve(shopStatus); } + +// export function getMobileProvider(mobileProviderNumber) { +// const provider = { +// providerNumber: mobileProviderNumber, +// address: { +// streetAddress1: null, +// streetAddress2: null, +// city: null, +// state: null, +// zipCode: null, +// zipCodeCtu: null, +// }, +// }; +// return provider; +// } 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 0fef11cb1..8dbdf5c08 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 @@ -306,9 +306,10 @@ export default { margin-top: 0em; } -#mobileLocationLinkPromptId { +.update-mobile-location-text-link { white-space: pre-line; } + .text-black { color: $black; } diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue index 9fca2f77e..dbe7fc257 100644 --- a/src/layouts/service-location/service-location.vue +++ b/src/layouts/service-location/service-location.vue @@ -31,7 +31,7 @@ class="my-5" cmsWidgetName="AlertRecalNoMobileWidget" v-if="displayRecalibrationWarning" - @text-link-clicked="openModalAction" + @text-link-clicked="openRecalibrationInformationModal" alertClass="alert-warning" /> - + { @@ -195,16 +198,28 @@ export default { async reloadShopData(serviceZipCode) { const result = await this.loadData(serviceZipCode); this.initializeComponent(result.data); - + console.log("reloadShopData"); this.resetAnswers(); await nextTick(); await this.getNextShopsFromList(); }, getSelectedProviderObject(providerNumber) { - const provider = this.shopProviders?.find( - (provider) => provider.providerNumber == providerNumber - ); + const defaultProvider = { + providerNumber: null, + address: { + streetAddress1: null, + streetAddress2: null, + city: null, + state: null, + zipCode: null, + zipCodeCtu: null, + }, + }; + + const provider = + this.shopProviders?.find((provider) => provider.providerNumber == providerNumber) ?? + defaultProvider; return provider; }, @@ -223,7 +238,9 @@ export default { await nextTick(); - this.selectedProviderNumber = null; + if (newValue !== "Mobile") { + this.selectedProviderNumber = -1; + } await nextTick(); diff --git a/src/store/index.js b/src/store/index.js index cc8dc0b39..303475904 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1280,6 +1280,7 @@ export const actions = { ? convertGlassPieceToBackEndCompatibleFormat(order.damage.glassToReplace) : []; var payload = { + zipCode: order.serviceLocation.provider.zipCode, providerNumber: providerNumber, startDate: startDate, endDate: endDate,