diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 08a88d9ab..674c47409 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -535,9 +535,9 @@ export default {
.appointment-type-question {
.button-question {
.col {
- padding: 0 .5rem;
+ padding: 0 0.5rem;
@include media-breakpoint-up(md) {
- padding: 0 .75rem;
+ padding: 0 0.75rem;
}
@include media-breakpoint-up(xl) {
width: 33.3333333%;
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 51e9fa948..353ad63df 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -9,71 +9,71 @@
+ cmsWidgetName="VehicleBannerWidget"
+ :displayGenericVehicleImage="false" />
+ ref="vehicleChangeAlert"
+ v-if="shouldDisplayVehicleChangeAlert"
+ class="mt-5 mb-0"
+ cmsWidgetName="VehicleChangeAlert"
+ alertClass="alert-warning"
+ :isDismissible="false" />
+ ref="damageLocation"
+ cmsWidgetName="DamageLocationQuestion"
+ v-model="selectedDamageLocations"
+ groupName="DamageLocationQuestion" />
+ class="windshield-options"
+ ref="windshieldOptions"
+ v-model="selectedWindshieldOptions"
+ :hasRepairReplaceConflict="hasRepairReplaceConflict"
+ :hasSplitSingleConflict="hasSplitSingleConflict"
+ :selectedDamageLocations="selectedDamageLocations" />
+ v-if="hasRepairReplaceConflict"
+ class="my-5"
+ cmsWidgetName="HasReplacementConflict"
+ alertClass="alert-danger"
+ :isDismissible="false" />
+ ref="sideDoorOptions"
+ cmsWidgetName="SideDoorSideQuestion"
+ groupName="SideDoorSideQuestion"
+ v-model="sideDoorOptionsData"
+ v-show="!hasRepairReplaceConflict"
+ :selectedDamageLocations="selectedDamageLocations" />
+ ref="backGlassOptions"
+ cmsWidgetName="RearReplaceOptionsQuestion"
+ :isAvailable="isRearWindowDamageLocation && !hasRepairReplaceConflict"
+ v-model="selectedRearReplaceOptions"
+ groupName="BackGlassReplaceOptionsQuestion"
+ validationRules="replace-options-required" />
+ cmsWidgetName="FunnelFooterWidget"
+ :isForwardActionDisabled="!meta.valid"
+ :isBackButtonHidden="shouldHideBackButton"
+ @back-clicked="backButtonAction"
+ @ForwardClicked="forwardButtonAction" />
@@ -244,7 +244,7 @@ export default {
})
) {
windShieldOptions.selectedWindshieldDamageType =
- damageLocationsSelected.REPLACE;
+ damageLocationsSelected.REPLACE;
windShieldOptions.selectedWindshieldReplaceOptions.push(
damageLocationsSelected.SINGLE
);
@@ -259,7 +259,7 @@ export default {
})
) {
windShieldOptions.selectedWindshieldDamageType =
- damageLocationsSelected.REPLACE;
+ damageLocationsSelected.REPLACE;
windShieldOptions.selectedWindshieldReplaceOptions.push(
damageLocationsSelected.DRIVER
);
@@ -274,7 +274,7 @@ export default {
})
) {
windShieldOptions.selectedWindshieldDamageType =
- damageLocationsSelected.REPLACE;
+ damageLocationsSelected.REPLACE;
windShieldOptions.selectedWindshieldReplaceOptions.push(
damageLocationsSelected.PASSENGER
);
@@ -344,7 +344,7 @@ export default {
isWindshieldRepair: this.isWindshieldRepair,
selectedGlassToReplace: this.selectedGlassToReplace(),
selectedWindshieldChipCount:
- this.selectedWindshieldOptions.selectedWindshieldChipCount,
+ this.selectedWindshieldOptions.selectedWindshieldChipCount,
},
false
);
@@ -369,9 +369,9 @@ export default {
const payment = this.$store.getters.payment;
const vehicleChangedDuringPolicyLookupInHeritage =
- payment.isInsurance &&
- payment.insuranceCoverage.coverageStatus &&
- payment.insuranceCoverage.coverageStatus !== "";
+ payment.isInsurance &&
+ payment.insuranceCoverage.coverageStatus &&
+ payment.insuranceCoverage.coverageStatus !== "";
if (vehicleChangedDuringPolicyLookupInHeritage) {
if (store.getters.damage.isRepair) {
this.$router.navigateWithSaving(
@@ -381,7 +381,7 @@ export default {
} else {
this.$router.navigateWithSaving(
this.navigationScenarios
- .CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE,
+ .CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE,
this.$route
);
}
@@ -441,7 +441,7 @@ export default {
}
return selectedGlassToReplace;
- }
+ },
},
computed: {
isWindshieldDamageLocation() {
@@ -463,7 +463,7 @@ export default {
return (
this.isWindshieldDamageLocation &&
this.selectedWindshieldOptions.selectedWindshieldDamageType ===
- damageLocationsSelected.REPAIR
+ damageLocationsSelected.REPAIR
);
},
isDriverSideReplace() {
@@ -491,10 +491,10 @@ export default {
if (
!this.selectedDamageLocations?.includes("Windshield") ||
this.selectedWindshieldOptions.selectedWindshieldDamageType ===
- damageLocationsSelected.REPAIR ||
+ damageLocationsSelected.REPAIR ||
!this.selectedWindshieldOptions.selectedWindshieldReplaceOptions
)
- return false;
+ return false;
return (
this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
@@ -513,14 +513,14 @@ export default {
);
}
) ||
- this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
- (selectedPassengerWindshield) => {
- return (
- selectedPassengerWindshield.toUpperCase() ===
- damageLocationsSelected.PASSENGER.toUpperCase()
- );
- }
- ))
+ this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
+ (selectedPassengerWindshield) => {
+ return (
+ selectedPassengerWindshield.toUpperCase() ===
+ damageLocationsSelected.PASSENGER.toUpperCase()
+ );
+ }
+ ))
);
},
shouldDisplayVehicleChangeAlert() {