CSR-731 | Fix for cash/insurance toggle styling

This commit is contained in:
Scott Kiener 2022-10-13 14:31:24 -04:00
parent b3d9eba33f
commit be9f6a008c
3 changed files with 28 additions and 31 deletions

View file

@ -5,7 +5,7 @@
:groupName="groupName" :groupName="groupName"
buttonType="listButtonHorizontal" buttonType="listButtonHorizontal"
v-model="selectedValues" v-model="selectedValues"
isCashOrInsurance :additionalData="{isCashOrInsurance: true}"
isRequired isRequired
/> />
</div> </div>

View file

@ -113,37 +113,37 @@ export default {
CanSafeliteRecalibrate: true, CanSafeliteRecalibrate: true,
price : 350.22 price : 350.22
}, },
{ // {
"partNumber": "SBB16", // "partNumber": "SBB16",
"description": "SAFELITE BEAM BLADE 16", // "description": "SAFELITE BEAM BLADE 16",
"partType": "PASSENGER FRONT WIPER", // "partType": "PASSENGER FRONT WIPER",
"price": 32.64, // "price": 32.64,
}, // },
{ // {
"partNumber": "SBB26", // "partNumber": "SBB26",
"description": "SAFELITE BEAM BLADE 26", // "description": "SAFELITE BEAM BLADE 26",
"partType": "DRIVER FRONT WIPER", // "partType": "DRIVER FRONT WIPER",
"price": 53.04, // "price": 53.04,
}, // },
{ // {
"partNumber": "SBBR12A", // "partNumber": "SBBR12A",
"description": "SAFELITE REAR BLADE 12A", // "description": "SAFELITE REAR BLADE 12A",
"partType": "REAR WIPER", // "partType": "REAR WIPER",
"price": 24.48, // "price": 24.48,
}, // },
{ {
"partNumber": "RAIN DEFENSE", "partNumber": "RAIN DEFENSE",
"description": null, "description": null,
"partType": "RAIN DEFENSE", "partType": "RAIN DEFENSE",
"price": 35.50, "price": 35.50,
}, },
{ // {
PartNumber : "005", // PartNumber : "005",
Description : "Recalibration", // Description : "Recalibration",
partType : "recalibration", // partType : "recalibration",
Quantity : "1", // Quantity : "1",
price : 150.00, // price : 150.00,
}, // },
]; ];
vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue(); vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue();
}); });
@ -165,7 +165,7 @@ export default {
if(defaultIsInsuranceSelectedValue != null) { if(defaultIsInsuranceSelectedValue != null) {
return defaultIsInsuranceSelectedValue; return defaultIsInsuranceSelectedValue;
} else { } else {
return baseMixin.methods.getEconomyPackagePrice(this.lineItems) > 600; return baseMixin.methods.getEconomyPackagePrice(this.lineItems) > 500;
} }
}, },
getDefaultSelectedPackageValue() { getDefaultSelectedPackageValue() {

View file

@ -3,7 +3,7 @@
v-bind="$props" v-bind="$props"
:buttonWrapperClasses="[ :buttonWrapperClasses="[
'list-group list-button-horizontal d-flex flex-column w-100', 'list-group list-button-horizontal d-flex flex-column w-100',
{ 'radio-fancy': isCashOrInsurance }, { 'radio-fancy': additionalData?.isCashOrInsurance },
]" ]"
@buttonClicked="handleAnswerChange"> @buttonClicked="handleAnswerChange">
<div <div
@ -31,9 +31,6 @@ import inputButtonWrapperMixin from "@/mixins/input-button-wrapper-mixin";
export default { export default {
name: "listButtonHorizontal", name: "listButtonHorizontal",
mixins: [inputButtonWrapperMixin], mixins: [inputButtonWrapperMixin],
props: {
isCashOrInsurance: Boolean,
},
components: { components: {
baseInputButton, baseInputButton,
}, },