diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue index 7d417eee..23ad9ebc 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.vue +++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue @@ -89,6 +89,7 @@ export default { vehicleFromLookup: null, licensePlate: null, registrationZipCode: null, + isCarIdDifferent: false, }; }, provide() { @@ -142,7 +143,7 @@ export default { this.vehicleFromLookup = vehicleLookupResponse.data.vehicle; if (this.vehicleFromLookup.carId !== this.mainStore.vehicle.carId) { this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NOT_MATCHED; - + this.isCarIdDifferent = true; const vehicleYearMakeModel = `${this.vehicleFromLookup.year} ${this.vehicleFromLookup.make} ${this.vehicleFromLookup.model}`; this.$refs.siteFooter.updateButtonText(`Continue with ${vehicleYearMakeModel}`); @@ -151,6 +152,18 @@ export default { // Continue }, + async navigateForward() { + if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) { + this.$router.navigate( + this.navigationScenarios.CLICKED_FORWARD, + this.$route, + {}, + { [routerParams.DISPLAY_VEHICLE_CHANGE_ALERT]: true } + ); + } else { + await this.navigateForwardWithSingleCarMatch(); + } + }, resetActiveAlert() { this.activeVehicleLookupAlertType = null; diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js index 6adcc361..6005d1f2 100644 --- a/src/router/router-constants/routing-table.js +++ b/src/router/router-constants/routing-table.js @@ -109,6 +109,10 @@ const routingTable = function(store) { { scenario: navigationScenarios.CLICKED_BACK, destinationIssPageValue: issPageValues.VEHICLE_LOOKUP, + }, + { + scenario: navigationScenarios.CLICKED_FORWARD, + destinationIssPageValue: issPageValues.VEHICLE_DAMAGE, }, ], },