From 6c770a6e261f29684a38e0e6cf970a22b3e1e820 Mon Sep 17 00:00:00 2001 From: bmauger Date: Fri, 25 Mar 2022 15:32:13 -0400 Subject: [PATCH 01/19] CSR-101 vin-lookup updates WIP --- src/constants/error-messages.js | 6 +- src/layouts/vin-lookup/vin-lookup.vue | 262 ++++++++++++++++++++++++-- 2 files changed, 246 insertions(+), 22 deletions(-) diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js index 2b3382dc9..d552abd44 100644 --- a/src/constants/error-messages.js +++ b/src/constants/error-messages.js @@ -15,6 +15,8 @@ const errorMessages = { LAST_NAME_REQUIRED: "Please enter your last name", EMAIL_ADDRESS_REQUIRED: "Please enter your email address", EMAIL_ADDRESS_FORMAT: "Please enter a valid email address", + VIN_REQUIRED: "Please enter your VIN", + VIN_FORMAT: "Please enter a valid VIN", }; - -export { errorMessages }; \ No newline at end of file + +export { errorMessages }; diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index fc9058abf..1311bd05b 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -1,41 +1,263 @@ - - From b35a3b5698bd46eaf3ae45045faa402f271ab64a Mon Sep 17 00:00:00 2001 From: bmauger Date: Mon, 28 Mar 2022 13:15:50 -0400 Subject: [PATCH 02/19] WIP vin-lookup page --- src/router/router-constants/routing-table.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js index 584796a61..bef8fe234 100644 --- a/src/router/router-constants/routing-table.js +++ b/src/router/router-constants/routing-table.js @@ -102,7 +102,7 @@ const routingTable = [ maps: [ { scenario: navigationScenarios.CLICKED_BACK, - destinationFmgPageValue: fmgPageValues.VEHICLE_DAMAGE, + destinationFmgPageValue: fmgPageValues.REVEAL, }, { scenario: navigationScenarios.VIN_LOOKUP, From 478f09bd8897ba57f546b4b930d8a4319ad0e59a Mon Sep 17 00:00:00 2001 From: bmauger Date: Fri, 1 Apr 2022 10:07:50 -0400 Subject: [PATCH 03/19] WIP --- src/helpers/heritage-integration/navigation-helper.js | 8 ++++---- src/router/router-constants/routing-table.js | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/helpers/heritage-integration/navigation-helper.js b/src/helpers/heritage-integration/navigation-helper.js index 12207acf4..d1170cc24 100644 --- a/src/helpers/heritage-integration/navigation-helper.js +++ b/src/helpers/heritage-integration/navigation-helper.js @@ -8,7 +8,7 @@ import router from "@/router"; /* If the user has visited the funnel before this method will determine the bets place to drop them so they don't start at the beginning again. This method will return 'heritage' if - the user has an existing order and they come back in from the Safelite.com CTA. + the user has an existing order and they come back in from the Safelite.com CTA. */ export async function getPageToRouteExistingOrderTo(toRoute = {}, existingHeritageOrder = false) { @@ -43,8 +43,8 @@ export async function getPageToRouteExistingOrderTo(toRoute = {}, existingHerita return 'vehicle-damage' } else { if (store.getters.vehicle.vin) { - return 'vehicle-damage'; - //return "vin-lookup"; (uncomment) + //return 'vehicle-damage'; //(uncomment) + return "vin-lookup"; //This may be temporary } else { return 'vehicle-damage'; //return "estimate" (uncomment) @@ -69,4 +69,4 @@ export async function navigateToHeritageFunnel() { src: "concept-funnel", } ); -} \ No newline at end of file +} diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js index 2d7771d21..79c84f36b 100644 --- a/src/router/router-constants/routing-table.js +++ b/src/router/router-constants/routing-table.js @@ -68,7 +68,7 @@ const routingTable = [ }, { scenario: navigationScenarios.SELECTED_DAMAGE_WITH_PART_QUESTIONS, - destinationFmgPageValue: fmgPageValues.PART_QUESTIONS, + destinationFmgPageValue: fmgPageValues.VIN_LOOKUP,//This might be temporary }, ], }, From 6d69c7c7af2b21746d960219a4e2a5671ed05294 Mon Sep 17 00:00:00 2001 From: bmauger Date: Tue, 5 Apr 2022 15:01:40 -0400 Subject: [PATCH 04/19] WIP Updates to vin-lookup page. --- src/layouts/vin-lookup/vin-lookup.vue | 113 ++++++++++++++------------ 1 file changed, 63 insertions(+), 50 deletions(-) diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index 1311bd05b..c5ddda85f 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -6,9 +6,9 @@ v-slot="{ meta }" >
- - - + + +
@@ -21,38 +21,73 @@
- +
- +
+ + + + +
- +
{ - vm.$refs.funnelHeader.initializeComponent( - resultMap.cmsContent.FunnelHeaderWidget - ); - vm.$refs.vehicleBanner.initializeComponent( - resultMap.cmsContent.VehicleBannerWidget - ); - vm.$refs.funnelSubHeader.initializeComponent( - resultMap.cmsContent.FunnelSubHeaderWidget - ); - vm.$refs.VinNumber.initializeComponent( - resultMap.cmsContent.VinNumber.QuestionText - ); - vm.$refs.ServiceZIP.initializeComponent( - resultMap.cmsContent.ServiceZIP.QuestionText - ); - vm.$refs.EmailAddress.initializeComponent( - resultMap.cmsContent.EmailAddress.QuestionText - ); - vm.$refs.funnelFooter.initializeComponent( - resultMap.cmsContent.FunnelFooterWidget - ); + //vm.setCmsContent(resultMap.cmsContent); vm.noServiceZipWidget = { headline: resultMap.cmsContent.NoServiceZipWidget.HeadlineText, - copy: resultMap.cmsContent.NoServiceZipWidget.BodyText - }; - // vm.noMatchAlertWidget = { - // headline: resultMap.cmsContent.NoMatchAlertWidget.HeadlineText, - // copy: resultMap.cmsContent.NoMatchAlertWidget.BodyText - // }; - // vm.matchedDifferentVehicleAlertWidget = { - // headline: resultMap.cmsContent.MatchedDifferentVehicleAlertWidget.HeadlineText, - // copy: resultMap.cmsContent.MatchedDifferentVehicleAlertWidget.BodyText - // }; + copy: resultMap.cmsContent.NoServiceZipWidget.BodyText, + }; + vm.noMatchAlertWidget = { + headline: resultMap.cmsContent.NoMatchAlertWidget.HeadlineText, + copy: resultMap.cmsContent.NoMatchAlertWidget.BodyText + }; + vm.MatchedDifferentVehicle = { + headline: resultMap.cmsContent.MatchedDifferentVehicle.HeadlineText, + copy: resultMap.cmsContent.MatchedDifferentVehicle.BodyText + }; }); }, props: { @@ -177,7 +190,7 @@ export default { async forwardButtonAction() { const zipValidation = this.serviceZip ? await this.validateZip(this.serviceZip) : await this.validateZip(this.zip); if (!zipValidation.data.isServiceable) { - this.$refs.funnelFooter.removeLoader(); + //this.$refs.funnelFooter.removeLoader(); this.newServiceZipRequired = true; return; } @@ -188,7 +201,7 @@ export default { }); if (vinLookup.data.vehicle.carId !== store.getters.vehicle.carId) { this.$refs.funnelFooter.updateButtonText(`Continue with ${vinLookup.data.vin} ${vinLookup.data.vehicle.year} ${vinLookup.data.vehicle.make} ${vinLookup.data.vehicle.model}`); - this.$refs.funnelFooter.removeLoader(); + //this.$refs.funnelFooter.removeLoader(); this.vinDoesNotMatchCarId = true; return; } From 4ccda4ee93046ec5bc1004d0c07f9b1b4f01c646 Mon Sep 17 00:00:00 2001 From: bmauger Date: Wed, 6 Apr 2022 17:08:25 -0400 Subject: [PATCH 05/19] WIP --- src/layouts/vin-lookup/vin-lookup.vue | 29 ++++++++++++-------- src/router/router-constants/routing-table.js | 2 +- 2 files changed, 18 insertions(+), 13 deletions(-) diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index c5ddda85f..f0721b66c 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -11,7 +11,7 @@
- +
@@ -21,7 +21,7 @@
- +
@@ -85,12 +85,8 @@ :alertHeadline="PerfectMatchNewVinAlert.headline" :alertCopy="PerfectMatchNewVinAlert.copy" /> -
-
- -
-
{ - //vm.setCmsContent(resultMap.cmsContent); + vm.setCmsContent(resultMap.cmsContent); vm.noServiceZipWidget = { headline: resultMap.cmsContent.NoServiceZipWidget.HeadlineText, copy: resultMap.cmsContent.NoServiceZipWidget.BodyText, @@ -157,6 +153,10 @@ export default { headline: resultMap.cmsContent.MatchedDifferentVehicle.HeadlineText, copy: resultMap.cmsContent.MatchedDifferentVehicle.BodyText }; + vm.PerfectMatchNewVinAlert = { + headline: resultMap.cmsContent.PerfectMatchNewVinAlert.HeadlineText, + copy: resultMap.cmsContent.PerfectMatchNewVinAlert.BodyText + }; }); }, props: { @@ -164,13 +164,18 @@ export default { }, data() { return { + MatchedDifferentVehicle: false, + NoMatchAlertWidget: false, + PerfectMatchNewVinAlert: false, + NoServiceZipWidget: false, + VinFoundWidget: false, + VinFoundReadOnlyWidget: false, + FoundWindshieldAlert: false, newServiceZipRequired: false, - vinNotValid: false, - vinDoesNotMatchCarId: false, - licensePlate: '', + VinNotFound: false, + vin: '', zip: '', email: '', - serviceZip: '', }; }, methods: { diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js index 20c8d97b3..620c788e2 100644 --- a/src/router/router-constants/routing-table.js +++ b/src/router/router-constants/routing-table.js @@ -60,7 +60,7 @@ const routingTable = [ }, { scenario: navigationScenarios.SELECTED_DAMAGE_WITH_SINGLE_PART, - destinationFmgPageValue: fmgPageValues.REVEAL + destinationFmgPageValue: fmgPageValues.VIN_LOOKUP, }, { scenario: navigationScenarios.SELECTED_DAMAGE_WITH_MULTIPLE_PARTS, From 9cf720405938b33caea72779d64e41ad9bfa66e2 Mon Sep 17 00:00:00 2001 From: bmauger Date: Mon, 11 Apr 2022 15:10:20 -0400 Subject: [PATCH 06/19] WIP --- .../textbox-question/textbox-question.vue | 41 +++--- .../heritage-integration/navigation-helper.js | 2 +- src/layouts/vin-lookup/vin-lookup.vue | 131 ++++++++++-------- 3 files changed, 94 insertions(+), 80 deletions(-) diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/common-components/textbox-question/textbox-question.vue index d85b92b6b..b8fe82631 100644 --- a/src/common-components/textbox-question/textbox-question.vue +++ b/src/common-components/textbox-question/textbox-question.vue @@ -1,25 +1,28 @@ @@ -56,7 +59,7 @@ export default { setup(props) { const fieldOptions = { type: "text", - value: props.modelValue, + value: props.modelValue, }; const { @@ -64,15 +67,17 @@ export default { handleBlur, handleChange, meta, - validate + validate, + errors, } = useField(props.inputId, props.validationRules, fieldOptions); - return { + return { errorMessage, handleBlur, handleChange, validate, - meta, + meta, + errors, }; }, computed: { @@ -86,7 +91,7 @@ export default { set: function(newValue) { this.$emit("update:modelValue", newValue); } - }, + }, labelText: { get: function () { let labelText = this.questionText; @@ -98,7 +103,7 @@ export default { return labelText; } - } + } }, watch: { value(newValue) { diff --git a/src/helpers/heritage-integration/navigation-helper.js b/src/helpers/heritage-integration/navigation-helper.js index b636ac79b..badbd089f 100644 --- a/src/helpers/heritage-integration/navigation-helper.js +++ b/src/helpers/heritage-integration/navigation-helper.js @@ -46,7 +46,7 @@ export async function getPageToRouteExistingOrderTo(toRoute = {}, existingHerita //return 'vehicle-damage'; //(uncomment) return "vin-lookup"; //This may be temporary } else { - return 'vehicle-damage'; + return 'vin-lookup'; //return "estimate" (uncomment) } } diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index f0721b66c..0d3692721 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -31,59 +31,59 @@
- + { vm.setCmsContent(resultMap.cmsContent); - vm.noServiceZipWidget = { - headline: resultMap.cmsContent.NoServiceZipWidget.HeadlineText, - copy: resultMap.cmsContent.NoServiceZipWidget.BodyText, + vm.matchedDifferentVehicleWidget = { + headline: resultMap.cmsContent.MatchedDifferentVehicle.HeadlineText, + copy: resultMap.cmsContent.MatchedDifferentVehicle.BodyText }; vm.noMatchAlertWidget = { headline: resultMap.cmsContent.NoMatchAlertWidget.HeadlineText, copy: resultMap.cmsContent.NoMatchAlertWidget.BodyText }; - vm.MatchedDifferentVehicle = { - headline: resultMap.cmsContent.MatchedDifferentVehicle.HeadlineText, - copy: resultMap.cmsContent.MatchedDifferentVehicle.BodyText + vm.noServiceZipWidget = { + headline: resultMap.cmsContent.NoServiceZipWidget.HeadlineText, + copy: resultMap.cmsContent.NoServiceZipWidget.BodyText }; - vm.PerfectMatchNewVinAlert = { + vm.vinFoundWidget = { + headline: resultMap.cmsContent.VinFoundWidget.HeadlineText, + copy: resultMap.cmsContent.VinFoundWidget.BodyText + }; + vm.vinFoundReadOnlyWidget = { + headline: resultMap.cmsContent.VinFoundReadOnlyWidget.HeadlineText, + copy: resultMap.cmsContent.VinFoundReadOnlyWidget.BodyText + }; + vm.foundWindshieldAlertWidget = { + headline: resultMap.cmsContent.FoundWindshieldAlert.HeadlineText, + copy: resultMap.cmsContent.FoundWindshieldAlert.BodyText + }; + vm.vinNotFoundWidget = { + headline: resultMap.cmsContent.VinNotFound.HeadlineText, + copy: resultMap.cmsContent.VinNotFound.BodyText + }; + vm.perfectMatchNewVinAlertWidget = { headline: resultMap.cmsContent.PerfectMatchNewVinAlert.HeadlineText, copy: resultMap.cmsContent.PerfectMatchNewVinAlert.BodyText }; @@ -164,15 +183,14 @@ export default { }, data() { return { - MatchedDifferentVehicle: false, - NoMatchAlertWidget: false, - PerfectMatchNewVinAlert: false, - NoServiceZipWidget: false, - VinFoundWidget: false, - VinFoundReadOnlyWidget: false, - FoundWindshieldAlert: false, - newServiceZipRequired: false, - VinNotFound: false, + matchedDifferentVehicle: false, + noMatchAlert: false, + noServiceZip: false, + vinFound: false, + vinFoundReadOnly: false, + foundWindshieldAlert: false, + vinNotFound: false, + perfectMatchNewVinAlert: false, vin: '', zip: '', email: '', @@ -193,24 +211,18 @@ export default { this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route); }, async forwardButtonAction() { - const zipValidation = this.serviceZip ? await this.validateZip(this.serviceZip) : await this.validateZip(this.zip); + const zipValidation = await this.validateZip(this.zip); + console.log(zipValidation); if (!zipValidation.data.isServiceable) { - //this.$refs.funnelFooter.removeLoader(); - this.newServiceZipRequired = true; + this.$refs.funnelFooter.removeLoader(); + this.noServiceZip = true; return; } - const vinLookup = await this.lookupVin(this.licensePlate, zipValidation.data.state).catch(() => { + const vinLookup = await this.lookupVin(this.vin).catch(() => { this.$refs.funnelFooter.removeLoader(); this.vinNotValid = true; return; }); - if (vinLookup.data.vehicle.carId !== store.getters.vehicle.carId) { - this.$refs.funnelFooter.updateButtonText(`Continue with ${vinLookup.data.vin} ${vinLookup.data.vehicle.year} ${vinLookup.data.vehicle.make} ${vinLookup.data.vehicle.model}`); - //this.$refs.funnelFooter.removeLoader(); - this.vinDoesNotMatchCarId = true; - return; - } - const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction( this.storeActions.GET_PARTS_OR_QUESTIONS, { @@ -240,10 +252,10 @@ export default { { zip } ); }, - lookupVin(plate, state) { + lookupVin(vin) { return baseMixin.methods.dispatchNonBlockingStoreAction( - storeActions.LOOKUP_VIN_BY_PLATE, - { licensePlate: plate, licenseState: state } + storeActions.LOOKUP_VEHICLE_BY_VIN, + { vin } ); }, updateStore() { @@ -260,9 +272,6 @@ export default { store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, null); store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, null); store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, null); - store.commit(storeMutations.UPDATE_REGISTRATION_LICENSE_PLATE, null); - store.commit(storeMutations.UPDATE_REGISTRATION_STATE, null); - store.commit(storeMutations.UPDATE_REGISTRATION_ZIP_CODE, null); store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP, null); store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, null); }, From e1f20ad3a83eeb0f48bb10104a7058b8ce127e78 Mon Sep 17 00:00:00 2001 From: bmauger Date: Mon, 18 Apr 2022 11:12:32 -0400 Subject: [PATCH 07/19] WIP --- src/layouts/vin-lookup/vin-lookup.vue | 103 ++++++++++---------------- src/ux-components/alert/alert.vue | 24 +++--- 2 files changed, 50 insertions(+), 77 deletions(-) diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index 0d3692721..b50b180c0 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -31,59 +31,59 @@
{ vm.setCmsContent(resultMap.cmsContent); - vm.matchedDifferentVehicleWidget = { - headline: resultMap.cmsContent.MatchedDifferentVehicle.HeadlineText, - copy: resultMap.cmsContent.MatchedDifferentVehicle.BodyText - }; - vm.noMatchAlertWidget = { - headline: resultMap.cmsContent.NoMatchAlertWidget.HeadlineText, - copy: resultMap.cmsContent.NoMatchAlertWidget.BodyText - }; - vm.noServiceZipWidget = { - headline: resultMap.cmsContent.NoServiceZipWidget.HeadlineText, - copy: resultMap.cmsContent.NoServiceZipWidget.BodyText - }; - vm.vinFoundWidget = { - headline: resultMap.cmsContent.VinFoundWidget.HeadlineText, - copy: resultMap.cmsContent.VinFoundWidget.BodyText - }; - vm.vinFoundReadOnlyWidget = { - headline: resultMap.cmsContent.VinFoundReadOnlyWidget.HeadlineText, - copy: resultMap.cmsContent.VinFoundReadOnlyWidget.BodyText - }; - vm.foundWindshieldAlertWidget = { - headline: resultMap.cmsContent.FoundWindshieldAlert.HeadlineText, - copy: resultMap.cmsContent.FoundWindshieldAlert.BodyText - }; - vm.vinNotFoundWidget = { - headline: resultMap.cmsContent.VinNotFound.HeadlineText, - copy: resultMap.cmsContent.VinNotFound.BodyText - }; - vm.perfectMatchNewVinAlertWidget = { - headline: resultMap.cmsContent.PerfectMatchNewVinAlert.HeadlineText, - copy: resultMap.cmsContent.PerfectMatchNewVinAlert.BodyText - }; }); }, props: { @@ -194,6 +162,7 @@ export default { vin: '', zip: '', email: '', + customAlertData: {}, }; }, methods: { @@ -212,17 +181,25 @@ export default { }, async forwardButtonAction() { const zipValidation = await this.validateZip(this.zip); - console.log(zipValidation); if (!zipValidation.data.isServiceable) { + this.customAlertData.zip = this.zip; this.$refs.funnelFooter.removeLoader(); this.noServiceZip = true; return; } const vinLookup = await this.lookupVin(this.vin).catch(() => { this.$refs.funnelFooter.removeLoader(); - this.vinNotValid = true; + this.noMatchAlert = true; return; }); + if (vinLookup.data.carId !== store.getters.vehicle.carId) { + this.customAlertData.vehicleInfo = vinLookup.data.vehicle; + this.$refs.funnelFooter.removeLoader(); + this.foundWindshieldAlert = true; + return; + } + const carInfo = this.vinDoesNotMatchCarId ? vinLookup.data : store.getters.vehicle; + this.updateStore(carInfo) const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction( this.storeActions.GET_PARTS_OR_QUESTIONS, { @@ -258,22 +235,22 @@ export default { { vin } ); }, - updateStore() { + updateStore(carInfo) { // if(vehicleDamage){ // store.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES); // } - store.commit(storeMutations.UPDATE_VEHICLE_VIN, null); - store.commit(storeMutations.UPDATE_YEAR, null); - store.commit(storeMutations.UPDATE_MAKE, null); - store.commit(storeMutations.UPDATE_MODEL, null); - store.commit(storeMutations.UPDATE_STYLE, null); - store.commit(storeMutations.UPDATE_CAR_ID, null); - store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, null); - store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, null); - store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, null); - store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, null); - store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP, null); - store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, null); + store.commit(storeMutations.UPDATE_VEHICLE_VIN, this.vin); + store.commit(storeMutations.UPDATE_YEAR, carInfo.year); + store.commit(storeMutations.UPDATE_MAKE, carInfo.make); + store.commit(storeMutations.UPDATE_MODEL, carInfo.model); + store.commit(storeMutations.UPDATE_STYLE, carInfo.style); + store.commit(storeMutations.UPDATE_CAR_ID, carInfo.carId); + store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, carInfo.category); + store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, carInfo.imageUrl); + store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, carInfo.imageVifNumber); + store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, carInfo.imageColor); + store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP, this.zip); + store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, this.email); }, }, components: { diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue index 5b27f385a..515658e16 100644 --- a/src/ux-components/alert/alert.vue +++ b/src/ux-components/alert/alert.vue @@ -5,12 +5,7 @@ :class="[isDismissible ? 'alert-dismissible' : '', this.alertClass]" >

{{ alertHeadline }}

- -

- {{ para }} -

-
-

{{ alertCopy }}

+

{{ alertCopy }}

-