diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 643aa0f5b..0eb11fbf0 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -8,6 +8,7 @@
@invalid-submit="onInvalidSubmit"
ref="theForm"
v-slot="{ meta }"
+ class="vehicle-damage-form"
>
- { return glass.location === damageLocationsSelected.WINDSHIELD }) ||
store.getters.damage.isRepair) {
glassSelections.push(damageLocationsSelected.WINDSHIELD);
@@ -193,7 +194,7 @@ export default {
getWindshieldOptionsFromStore() {
var windShieldOptions = { selectedWindshieldDamageType: [], selectedWindshieldChipCount: [], selectedWindshieldReplaceOptions: []};
-
+
if (store.getters.damage.isRepair === undefined) return windshieldOptions;
if (!store.getters.damage.isRepair) {
@@ -222,7 +223,7 @@ export default {
}
return windShieldOptions;
-
+
},
getDoorSidesFromStore() {
@@ -249,7 +250,7 @@ export default {
return driverSideReplaceOptions;
},
-
+
getPassengerSideReplaceOptionsFromStore() {
var passengerSideReplaceOptions = [];
@@ -264,7 +265,7 @@ export default {
getRearReplaceOptionsFromStore(){
var rearReplaceOptions = [];
-
+
store.getters.damage.glassToReplace.forEach(glass => {
if (glass.location === damageLocationsSelected.REAR){
rearReplaceOptions.push(glass.name);
@@ -284,10 +285,10 @@ export default {
}
store.commit(this.storeMutations.UPDATE_GLASS_TO_REPLACE, this.selectedGlassToReplace());
-
+
const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction(this.storeActions.GET_PARTS_OR_QUESTIONS,
{ carId: store.getters.vehicle.carId, glassArray: this.selectedGlassToReplace()}, false);
-
+
this.navigateForward(partsData);
},
@@ -297,7 +298,7 @@ export default {
this.$router.navigateAfterSave(this.navigationScenarios.SELECTED_DAMAGE_WITH_PART_QUESTIONS, this.$route, {}, {}, partsData.data);
return;
}
-
+
//found multiple parts for a single glass location (Windshield, Driver, Passenger, Rear)
if (partsData.data.partsOrQuestions){
for (var i = 0; i < partsData.data.partsOrQuestions.length; i++){
@@ -312,7 +313,7 @@ export default {
if (!this.isWindshieldRepair){
store.commit(this.storeMutations.UPDATE_PARTS, partsData.data.partsOrQuestions[0].parts);
}
-
+
this.$router.navigate(this.navigationScenarios.SELECTED_DAMAGE_WITH_SINGLE_PART, this.$route);
},
@@ -341,33 +342,33 @@ export default {
selectedGlassToReplace.push({ location: damageLocationsSelected.REAR, name: rearItem});
})
}
-
+
return selectedGlassToReplace;
},
},
computed: {
isWindshieldDamageLocation() {
- return this.selectedDamageLocations.some(selectedDamages =>
+ return this.selectedDamageLocations.some(selectedDamages =>
{
return selectedDamages.toUpperCase() === damageLocationsCms.WINDSHIELD;
});
},
isSideDoorDamageLocation() {
- return this.selectedDamageLocations.some(selectedDamages =>
+ return this.selectedDamageLocations.some(selectedDamages =>
{
return selectedDamages.toUpperCase() === damageLocationsCms.SIDEDOOR;
});
},
isRearWindowDamageLocation() {
- return this.selectedDamageLocations.some(selectedDamages =>
+ return this.selectedDamageLocations.some(selectedDamages =>
{
return selectedDamages.toUpperCase() === damageLocationsCms.REARWINDOW;
});
},
isWindshieldRepair() {
if (!this.isWindshieldDamageLocation) return false;
-
- return this.selectedWindshieldOptions.selectedWindshieldDamageType && this.selectedWindshieldOptions.selectedWindshieldDamageType.some(selectedDamageType =>
+
+ return this.selectedWindshieldOptions.selectedWindshieldDamageType && this.selectedWindshieldOptions.selectedWindshieldDamageType.some(selectedDamageType =>
{
return selectedDamageType.toUpperCase() === "REPAIR";
});
@@ -375,7 +376,7 @@ export default {
isDriverSideReplace() {
if (!this.isSideDoorDamageLocation) return false;
- return this.sideDoorOptionsData.selectedDoorSides.some(selectedDriverSide =>
+ return this.sideDoorOptionsData.selectedDoorSides.some(selectedDriverSide =>
{
return selectedDriverSide.toUpperCase() === damageLocationsCms.DRIVERSIDE;
});
@@ -383,7 +384,7 @@ export default {
isPassengerSideReplace() {
if (!this.isSideDoorDamageLocation) return false;
- return this.sideDoorOptionsData.selectedDoorSides.some(selectedPassengerSide =>
+ return this.sideDoorOptionsData.selectedDoorSides.some(selectedPassengerSide =>
{
return selectedPassengerSide.toUpperCase() === damageLocationsCms.PASSENGERSIDE;
});
@@ -407,3 +408,11 @@ export default {
},
};
+
+
diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index c9f0f287c..910413ae9 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -113,9 +113,9 @@ export default {
if (Array.isArray(props.selectedValues) && props.selectedValues.length == 1) {
fieldOptions['initialValue'] = fieldOptions.checkedValue;
}
- const {
- checked,
- handleChange,
+ const {
+ checked,
+ handleChange,
errors,
} = useField(props.groupName, props.validationRules, fieldOptions);
@@ -135,6 +135,7 @@ export default {
opacity: 0;
width: 0;
height: 0;
+ position: absolute;
&:focus-visible + label {
box-shadow: 0 0 0 2px $blue;
z-index: 2;
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index e57fb861f..b2f12b4a5 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -183,6 +183,7 @@ export default {
opacity: 0;
width: 0;
height: 0;
+ position: absolute;
+ label {
display: block;
@@ -262,6 +263,7 @@ export default {
height: 6px;
width: 11px;
transform: rotate(-45deg);
+ z-index: 1;
}
}