diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index f6c3b5ecb..27be92781 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -192,12 +192,17 @@ export default { vinPopulatedOnPageLoad: this.getVinFromStore()?.length > 0, }; }, + watch: { + vin() { + this.$refs.funnelFooter.updateButtonText( + this.getCmsContent("FunnelFooterWidget", "ForwardButtonText") + ); + } + }, computed: { perfectMatchNewVinAlert() { const isVinPerfectMatch = this.vinPopulatedOnPageLoad && this.vin === this.getVinFromStore(); - if (isVinPerfectMatch) { - this.isCarIdDifferent = false; - } + this.updateIsCarIdDifferent(isVinPerfectMatch); return isVinPerfectMatch; }, MatchedDifferentVehicleAlertHeader(){ @@ -269,6 +274,11 @@ export default { ); }); }, + updateIsCarIdDifferent(isVinPerfectMatch){ + if (isVinPerfectMatch) { + this.isCarIdDifferent = false; + } + }, backButtonAction() { if (store.getters.vehicle.vin) { this.$router.navigate(this.navigationScenarios.CLICKED_BACK_WITH_VIN, this.$route); diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue index 8d04d2972..faff0861c 100644 --- a/src/ux-components/alert/alert.vue +++ b/src/ux-components/alert/alert.vue @@ -6,12 +6,12 @@ >
{{ alertHeadline }}
- +
-
-
+
+
-
This is just a long string.This is just a long string.This is just a long string.This is just a long string.This is just a long string.This is just a long string.This is just a long string.
"; }, splitAlertCopyForParagraphTag(){ // splits the alertCopy on(with or without attributes) and
@@ -68,9 +67,24 @@ export default { }, }, methods: { - splitParagraphForRouterLink(paragraph){ - // splits paragraph on { ... } such as {routerlink: ...} - return paragraph.split(/{(.*?)}/g); + doesCopyContainRouterLink(copy) { + return copy.includes('routerLink:'); + }, + splitCopyForRouterLink(copy){ + // splits copy on { ... } such as {routerlink: ...} + return copy.split(/{(.*?)}/g); + }, + getRouterLinkRouteFromCopy(copy){ + // sample input: {routerLink:estimate,provide your VIN} + // first split would return 'estimate,provide your VIN' + // second split would return 'estimate' + return copy.split(':')[1].split(',')[0]; + }, + getRouterLinkDisplayTextFromCopy(copy){ + // sample input: {routerLink:estimate,provide your VIN} + // first split would return 'estimate,provide your VIN' + // second split would return 'provide your VIN' + return copy.split(':')[1].split(',')[1]; } }, };