jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Side door options fixes

Browse source
This commit is contained in:
Max 2022-02-23 15:59:18 -05:00
parent 2a08f22041
commit 550c0d6e73
4 changed files with 20 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/common-components/button-question/button-question.vue
View file

@ -122,15 +122,17 @@ export default {
}, },
methods: { methods: {
handleCheckedChanged(val) { handleCheckedChanged(val) {
const newSelectedValues = this.selectedValues;
if(this.isMultiSelect && this.selectedValues) { if(this.isMultiSelect && this.selectedValues) {
// Add or remove item to array of data to emit // Add or remove item to array of data to emit
if(Array.isArray(this.selectedValues)) { if(Array.isArray(this.selectedValues)) {
const newSelectedValues = this.selectedValues;
val.checkValue ? newSelectedValues.push(val.value) : newSelectedValues.splice(newSelectedValues.indexOf(val.value), 1); val.checkValue ? newSelectedValues.push(val.value) : newSelectedValues.splice(newSelectedValues.indexOf(val.value), 1);
this.selectedValues = newSelectedValues; this.selectedValues = newSelectedValues;
} }
} else { } else {
this.selectedValues = [val.value]; newSelectedValues.splice(0,newSelectedValues.length);
newSelectedValues.push(val.value);
this.selectedValues = newSelectedValues;
} }
}, },
}, },

4
src/layouts/vehicle-damage/side-door-options/side-door-options.spec.js
View file

@ -43,11 +43,11 @@ describe("replace-options-question.vue", () => {
const { wrapper } = setupMocks({}); const { wrapper } = setupMocks({});
//Act //Act
wrapper.vm.selectedDriverSideReplacOptionsValues = ["FrontDoor"] wrapper.vm.selectedDriverSideReplaceOptionsValues = ["FrontDoor"]
await wrapper.vm.$nextTick(); await wrapper.vm.$nextTick();
//Assert //Assert
expect(wrapper.emitted()["update:selectedDriverSideReplacOptions"][0]).toEqual([["FrontDoor"]]); expect(wrapper.emitted()["update:selectedDriverSideReplaceOptions"][0]).toEqual([["FrontDoor"]]);
}); });
}); });

40
src/layouts/vehicle-damage/side-door-options/side-door-options.vue
View file

@ -13,9 +13,9 @@
</div> </div>
</transition> </transition>
<replaceOptionsQuestion ref="driverSideOptions" :isAvailable="isDriverSideReplaceOptionsQuestionAvailable" groupName="driverSideOptions" filterByVehicleCategory v-model="selectedDriverSideReplacOptionsValues" /> <replaceOptionsQuestion ref="driverSideOptions" :isAvailable="isDriverSideReplaceOptionsQuestionAvailable" groupName="driverSideOptions" filterByVehicleCategory isMultiSelect v-model="selectedDriverSideReplaceOptionsValues" />
<replaceOptionsQuestion ref="passengerSideOptions" :isAvailable="isPassengerSideReplaceOptionsQuestionAvailable" groupName="passengerSideOptions" filterByVehicleCategory v-model="selectedPassengerSideReplaceOptionsValues" /> <replaceOptionsQuestion ref="passengerSideOptions" :isAvailable="isPassengerSideReplaceOptionsQuestionAvailable" groupName="passengerSideOptions" filterByVehicleCategory isMultiSelect v-model="selectedPassengerSideReplaceOptionsValues" />
</div> </div>
</template> </template>
@ -30,10 +30,6 @@ export default ({
return { return {
questionText: String, questionText: String,
answersFromCms: Array, answersFromCms: Array,
selectedDoorSides: [],
// Child component data
selectedDriverSideReplacOptions: [],
selectedPassengerSideReplaceOptions: [],
} }
}, },
props: { props: {
@ -49,11 +45,11 @@ export default ({
this.$refs.driverSideOptions.initializeComponent(driverSideReplaceOptions, driverSideOptions); this.$refs.driverSideOptions.initializeComponent(driverSideReplaceOptions, driverSideOptions);
this.$refs.passengerSideOptions.initializeComponent(passengerSideReplaceOptions, passengerSideOptions); this.$refs.passengerSideOptions.initializeComponent(passengerSideReplaceOptions, passengerSideOptions);
}, },
getSideDoorReplacementOptions(){ getSideDoorReplacementOptions(selectedDoorSides, selectedDriverSideReplaceOptions, selectedPassengerSideReplaceOptions){
return { return {
selectedDoorSides: this.selectedDoorSides, selectedDoorSides: selectedDoorSides,
selectedDriverSideReplacOptions: this.selectedDriverSideReplacOptions, selectedDriverSideReplaceOptions: selectedDriverSideReplaceOptions,
selectedPassengerSideReplaceOptions: this.selectedPassengerSideReplaceOptions selectedPassengerSideReplaceOptions: selectedPassengerSideReplaceOptions
} }
}, },
}, },
@ -68,29 +64,26 @@ export default ({
}, },
selectedDoorSidesValues: { selectedDoorSidesValues: {
get: function() { get: function() {
return this.selectedDoorSides; return this.selectedValues.selectedDoorSides;
}, },
set: function(newValue) { set: function(newValue) {
this.$emit("update:selectedDoorSides", newValue); this.selectedValues = this.getSideDoorReplacementOptions(newValue, this.selectedValues.selectedDriverSideReplaceOptions, this.selectedValues.selectedPassengerSideReplaceOptions);
this.selectedValues = this.getSideDoorReplacementOptions();
} }
}, },
selectedDriverSideReplacOptionsValues: { selectedDriverSideReplaceOptionsValues: {
get: function() { get: function() {
return this.selectedDriverSideReplacOptions; return this.selectedValues.selectedDriverSideReplaceOptions;
}, },
set: function(newValue) { set: function(newValue) {
this.$emit("update:selectedDriverSideReplacOptions", newValue); this.selectedValues = this.getSideDoorReplacementOptions(this.selectedValues.selectedDoorSides, newValue, this.selectedValues.selectedPassengerSideReplaceOptions);
this.selectedValues = this.getSideDoorReplacementOptions();
} }
}, },
selectedPassengerSideReplaceOptionsValues: { selectedPassengerSideReplaceOptionsValues: {
get: function() { get: function() {
return this.selectedPassengerSideReplaceOptions; return this.selectedValues.selectedPassengerSideReplaceOptions;
}, },
set: function(newValue) { set: function(newValue) {
this.$emit("update:selectedPassengerSideReplaceOptions", newValue); this.selectedValues = this.getSideDoorReplacementOptions(this.selectedValues.selectedDoorSides, this.selectedValues.selectedDriverSideReplaceOptions, newValue);
this.selectedValues = this.getSideDoorReplacementOptions();
} }
}, },
answersToDisplay(){ answersToDisplay(){
@ -115,13 +108,6 @@ export default ({
return Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("PassengerSide"); return Array.isArray(this.selectedDoorSidesValues) && this.selectedDoorSidesValues.includes("PassengerSide");
}, },
}, },
mounted() {
if(typeof(this.selectedValues) === "object"){
this.selectedDoorSides = this.selectedValues.selectedDoorSides;
this.selectedDriverSideReplacOptions = this.selectedValues.selectedDriverSideReplacOptions;
this.selectedPassengerSideReplaceOptions = this.selectedValues.selectedPassengerSideReplaceOptions;
}
},
components: { components: {
buttonQuestion, buttonQuestion,
replaceOptionsQuestion, replaceOptionsQuestion,

2
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -115,7 +115,7 @@ export default {
selectedDamageLocations: [], selectedDamageLocations: [],
sideDoorOptionsData: { sideDoorOptionsData: {
selectedDoorSides: [], selectedDoorSides: [],
selectedDriverSideReplacOptions: [], selectedDriverSideReplaceOptions: [],
selectedPassengerSideReplaceOptions: [] selectedPassengerSideReplaceOptions: []
}, },
selectedWindshieldOptions: [], selectedWindshieldOptions: [],