jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Halfway through - highly notated fields

Browse source
This commit is contained in:
Scott Kiener 2022-06-09 16:45:36 -04:00
parent 06ca68cff3
commit ece57def13
1 changed files with 27 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -209,9 +209,11 @@ export default {
return text; return text;
}, },
MatchedDifferentVehicleAlertBody(){ MatchedDifferentVehicleAlertBody(){
const text = this.getCmsContent("MatchedDifferentVehicle", const text = this.getCmsContent("MatchedDifferentVehicle", "BodyText")
"BodyText").replaceAll("{custom:damage}", getDamageString()).replaceAll("{custom:vinlookupYear}", this.customAlertData?.vehicleInfo?.year).replaceAll("{custom:vinlookupMake}", this.customAlertData?.vehicleInfo?.make).replaceAll("{custom:vinlookupModel}", .replaceAll("{custom:damage}", getDamageString())
this.customAlertData?.vehicleInfo?.model); .replaceAll("{custom:vinlookupYear}", this.customAlertData?.vehicleInfo?.year)
.replaceAll("{custom:vinlookupMake}", this.customAlertData?.vehicleInfo?.make)
.replaceAll("{custom:vinlookupModel}", this.customAlertData?.vehicleInfo?.model);
return text; return text;
}, },
@ -287,47 +289,43 @@ export default {
async forwardButtonAction() { async forwardButtonAction() {
const zipValidation = this.validateZip(this.zip); const zipValidation = this.validateZip(this.zip);
const vehicleLookup = this.lookupVehicle(this.vin); const vehicleLookup = this.lookupVehicle(this.vin);
// await responses below to let above service calls run asynchronously
const zipValidationResponse = await zipValidation; const zipValidationResponse = await zipValidation;
const vehicleLookupResponse = await vehicleLookup.catch(() => { const vehicleLookupResponse = await vehicleLookup.catch(() => {
this.vinNotFound = true;
this.$refs.funnelFooter.removeLoader();
this.noServiceZip = false;
return false; return false;
}); });
if (!vehicleLookupResponse) { // validations
return; if (!vehicleLookupResponse) { // vehicle response is null or false (it fails)
} this.vinNotFound = true; // used to determine alerts that show
if (!zipValidationResponse.data.isServiceable) {
this.customAlertData.zip = this.zip;
this.$refs.funnelFooter.removeLoader(); this.$refs.funnelFooter.removeLoader();
this.noServiceZip = true; this.noServiceZip = false; // used to determine alerts that show
this.invalidZip = this.zip; } else if (!zipValidationResponse.data.isServiceable) { // zip response shows zip is not serviceable
return; this.$refs.funnelFooter.removeLoader();
} this.noServiceZip = true; // used to determine alerts that show
this.isCarIdDifferent = vehicleLookupResponse.data.carId !== store.getters.vehicle.carId; this.invalidZip = this.zip; // used to populate the alert
} else if (vehicleLookupResponse.data.carId !== store.getters.vehicle.carId && // response does not match what was selected previously in the flow &&
if (this.isCarIdDifferent && (vehicleLookupResponse.data.carId !== this.previouslyEnteredCarId)) { (vehicleLookupResponse.data.carId !== this.previouslyEnteredCarId)) // response does not match what was returned from a previous response
this.previouslyEnteredCarId = vehicleLookupResponse.data.carId; {
this.noServiceZip = false; this.isCarIdDifferent = true; // because vehicleLookupResponse.data.carId !== store.getters.vehicle.carId
this.customAlertData.vehicleInfo = vehicleLookupResponse.data; this.previouslyEnteredCarId = vehicleLookupResponse.data.carId; // tracks if car ID is different since last time we got a vehicle lookup response
this.noServiceZip = false; // used to determine alerts that show
this.customAlertData.vehicleInfo = vehicleLookupResponse.data; // populate the vehicle info alert info
this.$refs.funnelFooter.updateButtonText(`Continue with ${vehicleLookupResponse.data.year} ${vehicleLookupResponse.data.make} ${vehicleLookupResponse.data.model}`); this.$refs.funnelFooter.updateButtonText(`Continue with ${vehicleLookupResponse.data.year} ${vehicleLookupResponse.data.make} ${vehicleLookupResponse.data.model}`);
this.isVinValid = true; this.isVinValid = true; //I don't think this line is needed
this.isSelectedGlassAvailableForVehicle = await isGlassAvailableForCarId(vehicleLookupResponse.data.carId); this.isSelectedGlassAvailableForVehicle = await isGlassAvailableForCarId(vehicleLookupResponse.data.carId);
this.$refs.funnelFooter.removeLoader(); this.$refs.funnelFooter.removeLoader();
this.isCarIdDifferent = true; } else {
return; this.isCarIdDifferent = vehicleLookupResponse.data.carId !== store.getters.vehicle.carId; // do I need this line? -- I do
this.updateStore(vehicleLookupResponse.data, zipValidationResponse.data);
this.navigateForward();
} }
this.updateStore(vehicleLookupResponse.data, zipValidationResponse.data);
this.navigateForward();
}, },
navigateForward(){ navigateForward(){
if(this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle){ if(this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle){ // does it matter if the carId is different here? would we ever go forward if we didn't have glass match? -- it does
this.$router.navigateAfterSave(this.navigationScenarios.CLICKED_FORWARD, this.$route, {}, { displayVehicleChangeAlert: true }, {}); this.$router.navigateAfterSave(this.navigationScenarios.CLICKED_FORWARD, this.$route, {}, { displayVehicleChangeAlert: true }, {});
return;
} else { } else {
this.$refs.loadingModal.showModal(); this.$refs.loadingModal.showModal();
navigateAfterSaveToHeritageFunnel(this.$route); navigateAfterSaveToHeritageFunnel(this.$route);
return;
} }
}, },
validateZip(zip) { validateZip(zip) {