Format code only.
This commit is contained in:
parent
2c93b357a1
commit
4d5a886e70
1 changed files with 30 additions and 38 deletions
|
|
@ -57,11 +57,9 @@
|
||||||
)}`,
|
)}`,
|
||||||
},
|
},
|
||||||
name: 'root',
|
name: 'root',
|
||||||
}"
|
}">{{
|
||||||
>{{
|
|
||||||
getRouterLinkDisplayTextFromCopy(copy)
|
getRouterLinkDisplayTextFromCopy(copy)
|
||||||
}}</router-link
|
}}</router-link>
|
||||||
>
|
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
v-else
|
v-else
|
||||||
|
|
@ -95,7 +93,7 @@ import {
|
||||||
doesCopyContainRouterLink,
|
doesCopyContainRouterLink,
|
||||||
splitCopyOnCMSPlaceHolder,
|
splitCopyOnCMSPlaceHolder,
|
||||||
getRouterLinkRouteFromCopy,
|
getRouterLinkRouteFromCopy,
|
||||||
getRouterLinkDisplayTextFromCopy,
|
getRouterLinkDisplayTextFromCopy
|
||||||
} from '@/helpers/cms-content-helper.js';
|
} from '@/helpers/cms-content-helper.js';
|
||||||
import routerParams from '@/router/router-constants/router-params';
|
import routerParams from '@/router/router-constants/router-params';
|
||||||
import vinPagesMixin from '@/mixins/vin-pages-mixin';
|
import vinPagesMixin from '@/mixins/vin-pages-mixin';
|
||||||
|
|
@ -122,7 +120,7 @@ export default {
|
||||||
Form,
|
Form,
|
||||||
vehicleBanner,
|
vehicleBanner,
|
||||||
alert,
|
alert,
|
||||||
addressVehiclesQuestion,
|
addressVehiclesQuestion
|
||||||
},
|
},
|
||||||
mixins: [baseFormMixin, vinPagesMixin],
|
mixins: [baseFormMixin, vinPagesMixin],
|
||||||
async beforeRouteEnter(to, from, next) {
|
async beforeRouteEnter(to, from, next) {
|
||||||
|
|
@ -132,8 +130,8 @@ export default {
|
||||||
const promiseResultMap = [
|
const promiseResultMap = [
|
||||||
{
|
{
|
||||||
resultKey: 'cmsContent',
|
resultKey: 'cmsContent',
|
||||||
promise: cmsContentPromise,
|
promise: cmsContentPromise
|
||||||
},
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const resultMap = await settleAllPromises(promiseResultMap);
|
const resultMap = await settleAllPromises(promiseResultMap);
|
||||||
|
|
@ -143,7 +141,7 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
validationRules: String,
|
validationRules: String
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const mainStore = useMainStore();
|
const mainStore = useMainStore();
|
||||||
|
|
@ -158,7 +156,7 @@ export default {
|
||||||
displayMatchedDifferentVehicleAlert: false,
|
displayMatchedDifferentVehicleAlert: false,
|
||||||
displayMatchedTwoIdenticalYMMVehicleAlert: false,
|
displayMatchedTwoIdenticalYMMVehicleAlert: false,
|
||||||
previouslyEnteredCarId: '',
|
previouslyEnteredCarId: '',
|
||||||
forwardButtonCarStyle: '',
|
forwardButtonCarStyle: ''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -194,7 +192,7 @@ export default {
|
||||||
vehicle: v.vehicle,
|
vehicle: v.vehicle,
|
||||||
Text: `${v.vehicle.year} ${v.vehicle.make} ${v.vehicle.model}`,
|
Text: `${v.vehicle.year} ${v.vehicle.make} ${v.vehicle.model}`,
|
||||||
Name: v.vin,
|
Name: v.vin,
|
||||||
SubText: `VIN ${vinStart}${vinEnd}`,
|
SubText: `VIN ${vinStart}${vinEnd}`
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
return mappedData;
|
return mappedData;
|
||||||
|
|
@ -203,13 +201,11 @@ export default {
|
||||||
return useMainStore().pageData(issPageValues.ADDRESS_VEHICLES);
|
return useMainStore().pageData(issPageValues.ADDRESS_VEHICLES);
|
||||||
},
|
},
|
||||||
selectedVehicle() {
|
selectedVehicle() {
|
||||||
return this.VehiclesForQuestions.find(
|
return this.VehiclesForQuestions.find(({ vin }) => vin === this.selectedVehicleVin);
|
||||||
({ vin }) => vin === this.selectedVehicleVin
|
|
||||||
);
|
|
||||||
},
|
},
|
||||||
VehicleSelected() {
|
VehicleSelected() {
|
||||||
return this.mainStore.order.vehicle;
|
return this.mainStore.order.vehicle;
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
selectedVehicleVin: {
|
selectedVehicleVin: {
|
||||||
|
|
@ -217,12 +213,12 @@ export default {
|
||||||
this.resetWarningsAndErrors();
|
this.resetWarningsAndErrors();
|
||||||
// does this vehicle match the previously selected carId?
|
// does this vehicle match the previously selected carId?
|
||||||
this.isCarIdDifferent =
|
this.isCarIdDifferent =
|
||||||
this.selectedVehicle?.vehicle.carId !==
|
this.selectedVehicle?.vehicle.carId
|
||||||
useMainStore().vehicle.carId;
|
!== useMainStore().vehicle.carId;
|
||||||
if (
|
if (
|
||||||
this.isCarIdDifferent &&
|
this.isCarIdDifferent
|
||||||
this.selectedVehicle?.vehicle.carId !==
|
&& this.selectedVehicle?.vehicle.carId
|
||||||
this.previouslyEnteredCarId
|
!== this.previouslyEnteredCarId
|
||||||
) {
|
) {
|
||||||
this.previouslyEnteredCarId =
|
this.previouslyEnteredCarId =
|
||||||
this.selectedVehicle?.vehicle.carId;
|
this.selectedVehicle?.vehicle.carId;
|
||||||
|
|
@ -233,21 +229,17 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.displayMatchedDifferentVehicleAlert = true;
|
this.displayMatchedDifferentVehicleAlert = true;
|
||||||
}
|
}
|
||||||
this.$refs.siteFooter.updateButtonText(
|
this.$refs.siteFooter.updateButtonText(`Continue with ${this.selectedVehicle.vehicle.year} `
|
||||||
`Continue with ${this.selectedVehicle.vehicle.year} ` +
|
+ `${this.selectedVehicle.vehicle.make} ${this.selectedVehicle.vehicle.model} ${this.forwardButtonCarStyle}`);
|
||||||
`${this.selectedVehicle.vehicle.make} ${this.selectedVehicle.vehicle.model} ${this.forwardButtonCarStyle}`
|
|
||||||
);
|
|
||||||
} else {
|
} else {
|
||||||
this.$refs.siteFooter.updateButtonText(
|
this.$refs.siteFooter.updateButtonText(this.getCmsContent(
|
||||||
this.getCmsContent(
|
'SiteFooterWidget',
|
||||||
'SiteFooterWidget',
|
'ForwardButtonText'
|
||||||
'ForwardButtonText'
|
));
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
deep: true,
|
deep: true
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
doesCopyContainRouterLink,
|
doesCopyContainRouterLink,
|
||||||
|
|
@ -274,10 +266,10 @@ export default {
|
||||||
await useMainStore().saveVin(
|
await useMainStore().saveVin(
|
||||||
{
|
{
|
||||||
vehicleInfo: Object.assign(this.selectedVehicle.vehicle, {
|
vehicleInfo: Object.assign(this.selectedVehicle.vehicle, {
|
||||||
vin: this.selectedVehicle.vin,
|
vin: this.selectedVehicle.vin
|
||||||
}),
|
}),
|
||||||
isSelectedGlassAvailableForVehicle:
|
isSelectedGlassAvailableForVehicle:
|
||||||
this.isSelectedGlassAvailableForVehicle,
|
this.isSelectedGlassAvailableForVehicle
|
||||||
},
|
},
|
||||||
false
|
false
|
||||||
);
|
);
|
||||||
|
|
@ -288,8 +280,8 @@ export default {
|
||||||
// If the vehicle selected on this page is different from the one originally entered and the selected glass is not available
|
// If the vehicle selected on this page is different from the one originally entered and the selected glass is not available
|
||||||
// for that vehicle, then navigate back to "vehicle-damage" and display vehicle changed alert on that page.
|
// for that vehicle, then navigate back to "vehicle-damage" and display vehicle changed alert on that page.
|
||||||
if (
|
if (
|
||||||
this.isCarIdDifferent &&
|
this.isCarIdDifferent
|
||||||
!this.isSelectedGlassAvailableForVehicle
|
&& !this.isSelectedGlassAvailableForVehicle
|
||||||
) {
|
) {
|
||||||
this.$router.navigate(
|
this.$router.navigate(
|
||||||
this.navigationScenarios.SELECTED_VIN_WITH_MISMATCHED_GLASS,
|
this.navigationScenarios.SELECTED_VIN_WITH_MISMATCHED_GLASS,
|
||||||
|
|
@ -305,8 +297,8 @@ export default {
|
||||||
this.displayMatchedDifferentVehicleAlert = false;
|
this.displayMatchedDifferentVehicleAlert = false;
|
||||||
this.displayMatchedTwoIdenticalYMMVehicleAlert = false;
|
this.displayMatchedTwoIdenticalYMMVehicleAlert = false;
|
||||||
this.forwardButtonCarStyle = '';
|
this.forwardButtonCarStyle = '';
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue