display correct vehicle image WIP

This commit is contained in:
Katie Kroell 2023-06-06 18:04:21 -04:00
parent 5481bac095
commit f832349825

View file

@ -50,9 +50,13 @@ export default {
mixins: [BaseFormMixin],
data() {
return {
selectedVehicleVin: "",
bailout: false
}
selectedVehicleVin: "",
displayGeneric: false,
bailout: false
}
},
mounted() {
useMainStore().resetVehicleState();
},
async beforeRouteEnter(to, from, next)
{
@ -146,10 +150,48 @@ export default {
VehiclesFromApi() {
return useMainStore().pageData(issPageValues.POLICY_VEHICLES);
},
displayGeneric() {
return this.selectedVehicleVin && !this.selectedStyle;
}
},
selectedVehicle() {
const vehicle = this.mainStore.lookupVehicleByVin(this.selectedVehicleVin);
return vehicle;
},
//displayGeneric() {
// const selectedVehicle = useMainStore().lookupVehicleByVin(this.selectedVehicleVin);
// const styleOptions = this.mainStore.getVehicleStyles(
// selectedVehicle.year,
// selectedVehicle.make,
// selectedVehicle.model,
// );
// const styleOptions = this.selectedVehicle.style;
// if (styleOptions.length > 1) {
// return true;
// }
// return false;
//}
},
watch: {
async selectedVehicleVin(value) {
const vehicle = await this.lookupVehicleByVin(value);
if (value === "Vehicle not listed") {
this.mainStore.resetVehicleState();
}
this.mainStore.updateVehicle(vehicle.data);
const styleOptions = await this.mainStore.getVehicleStyles(
vehicle.data.year,
vehicle.data.make,
vehicle.data.model
)
if (styleOptions.length > 1) {
this.displayGeneric = true;
}
}
},
components: {
siteHeader,
siteFooter,