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

Merge pull request #2429 from Safelite/feature/CASH-203

Browse source 
CASH-203: UI Updates for Afterpay breakout with service package discounts
This commit is contained in:
Chris 2025-04-16 10:59:12 -04:00 committed by GitHub
commit f69a482c58
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/experiment-components/service-package-radio-for-afterpay.vue
View file

@ -5,6 +5,7 @@
:class="[ :class="[
this.buttonLabelSubCopy ? 'has-subheader' : '', this.buttonLabelSubCopy ? 'has-subheader' : '',
this.additionalButtonData.isInsuranceSelected ? 'is-insurance' : '', this.additionalButtonData.isInsuranceSelected ? 'is-insurance' : '',
this.hasPackageDiscount() ? 'has-package-discount' : '',
]" ]"
for="testradio"> for="testradio">
<div class="package-specs"> <div class="package-specs">
@ -54,12 +55,7 @@
v-html="this.buttonFooterCopy"></div> v-html="this.buttonFooterCopy"></div>
</div> </div>
<div <div v-if="hasPackageDiscount()" class="special-save-box">
v-if="
this.additionalButtonData.servicePackageDiscount &&
this.additionalButtonData.Text
"
class="special-save-box">
<span v-html="this.additionalButtonData.Text"></span> <span v-html="this.additionalButtonData.Text"></span>
</div> </div>
<span class="pricing-info"> <span class="pricing-info">
@ -144,6 +140,11 @@ export default {
truncatedSinglePayment() { truncatedSinglePayment() {
return "$" + Math.trunc(this.buttonAuxillaryCopy.replace("$", "")); return "$" + Math.trunc(this.buttonAuxillaryCopy.replace("$", ""));
}, },
hasPackageDiscount() {
return (
this.additionalButtonData.servicePackageDiscount && this.additionalButtonData.Text
);
},
}, },
}; };
</script> </script>
@ -212,12 +213,6 @@ export default {
} }
&.has-subheader { &.has-subheader {
min-height: 150px;
&.is-insurance {
min-height: 72px;
}
& > .package-specs { & > .package-specs {
& > div:first-of-type { & > div:first-of-type {
display: flex; display: flex;
@ -225,6 +220,10 @@ export default {
} }
} }
&.has-package-discount {
min-height: 150px;
}
&:before { &:before {
content: ""; content: "";
position: relative; position: relative;