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() {