diff --git a/src/iss-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue index bfae52a3..81cb42f6 100644 --- a/src/iss-components/site-footer/site-footer.vue +++ b/src/iss-components/site-footer/site-footer.vue @@ -61,7 +61,7 @@ export default { isForwardActionDisabled: Boolean, isBackButtonHidden: { type: Boolean, default: false }, isForwardButtonHidden: { type: Boolean, default: false }, - isForwardButtonNavigavtionDisabled: { type: Boolean, default: false }, + isForwardButtonNavigationDisabled: { type: Boolean, default: false }, cmsWidgetName: String, isStackedVertically: { type: Boolean, default: false } }, @@ -100,7 +100,7 @@ export default { // prevent keyboard input after button click document.onkeydown = () => false; - if ((!this.disableForwardAction && !this.isForwardActionDisabled && !this.isForwardButtonNavigavtionDisabled)) { + if ((!this.disableForwardAction && !this.isForwardActionDisabled && !this.isForwardButtonNavigationDisabled)) { showIssLoadingModal(true); } this.$emit('forwardClicked'); diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue index 3c5b2df4..eac2c575 100644 --- a/src/layouts/provider-preference/provider-preference.vue +++ b/src/layouts/provider-preference/provider-preference.vue @@ -30,7 +30,7 @@ class="mt-5" cmsWidgetName="SiteFooterWidget" :isForwardActionDisabled="isForwardActionDisabled" - :isForwardButtonNavigavtionDisabled="isForwardNavigationDisabled" + :isForwardButtonNavigationDisabled="isForwardNavigationDisabled" @backClicked="navigateBack" @forwardClicked="forwardButtonAction" /> diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index bb18e1e4..6585d865 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -28,6 +28,7 @@ ref="siteFooter" cmsWidgetName="SiteFooterWidget" :isForwardActionDisabled="!meta.valid" + :isForwardButtonNavigationDisabled="isForwardNavigationDisabled" class="mt-5" @backClicked="navigateBack" @forwardClicked="forwardButtonAction" /> @@ -117,6 +118,9 @@ export default { }; }, computed: { + isForwardNavigationDisabled() { + return this.needToLookupVehicle; + }, isCarIdDifferentFromTheStore() { return ( this.vehicleFromLookup !== null @@ -136,8 +140,7 @@ export default { // TODO: Side effects in computed. if (this.vinPopulatedOnPageLoad) { // TODO: Modify to remove side effects in computed - this.activeVehicleLookupAlertType = - vehicleLookupAlertTypes.PERFECT_MATCH; + this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.PERFECT_MATCH; this.needToLookupVehicle = false; const lastSixChars = this.vin.substring(11, this.vin.length); return `!X!X!X!X!X!X!X!X!X!X!X${lastSixChars}`; @@ -228,10 +231,7 @@ export default { } // navigate back to vehicle-damage - if ( - this.isCarIdDifferentFromTheStore - && !isSelectedGlassAvailableForVehicle - ) { + if (this.isCarIdDifferentFromTheStore && !isSelectedGlassAvailableForVehicle) { this.mainStore.updateVehicle(this.vehicleFromLookup); this.mainStore.resetDamageState(); this.$router.navigate(