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

CASH-286

Browse source 
CASH-286 - change to 'as low as' for insurance
This commit is contained in:
CarlNation 2025-02-24 10:12:32 -05:00
parent 7b8af8dbf6
commit 05d55cbe43
4 changed files with 15 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/experiment-components/service-package-radio.vue
View file

@ -1,10 +1,9 @@
<template> <template>
<baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue"> <baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
<div <div
class="package-label" class="package-label pricing-by-day-pkg-lbl"
:class="[ :class="[
this.buttonLabelSubCopy ? 'has-subheader' : '', this.buttonLabelSubCopy ? 'has-subheader' : '',
this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl',
!this.additionalButtonData.servicePackageDiscount ? 'adjust-top' : '', !this.additionalButtonData.servicePackageDiscount ? 'adjust-top' : '',
]" ]"
for="testradio"> for="testradio">
@ -21,9 +20,7 @@
</div> </div>
<span class="col md-6 service-package-discount-pricing-by-day"> <span class="col md-6 service-package-discount-pricing-by-day">
<div> <div>
<span v-if="!isInsuranceSelected" class="caption pricing-by-day"> <span class="caption pricing-by-day">as low as</span>
as low as
</span>
<div <div
class="strikethrough-discount-price" class="strikethrough-discount-price"
v-if="shouldDisplayStrikeThroughPrice" v-if="shouldDisplayStrikeThroughPrice"
@ -36,9 +33,7 @@
<p class="m-0"> <p class="m-0">
<span v-html="this.buttonLabel"></span> <span v-html="this.buttonLabel"></span>
<span class="pricing-info-pricing-by-day"> <span class="pricing-info-pricing-by-day">
<span v-if="!isInsuranceSelected" class="caption pricing-by-day"> <span class="caption pricing-by-day">as low as</span>
as low as
</span>
<span <span
class="strikethrough-price" class="strikethrough-price"
v-if="shouldDisplayStrikeThroughPrice" v-if="shouldDisplayStrikeThroughPrice"
@ -208,7 +203,7 @@ export default {
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
&:before { &:before {
top: .5rem; top: 0.5rem;
} }
&:after { &:after {
top: 1.4375rem; top: 1.4375rem;
@ -223,7 +218,7 @@ export default {
+ .package-label.pricing-by-day-pkg-lbl-ins { + .package-label.pricing-by-day-pkg-lbl-ins {
&:before { &:before {
top: .3125rem; top: 0.3125rem;
} }
&:after { &:after {
top: 1.25rem; top: 1.25rem;
@ -234,7 +229,7 @@ export default {
&:before { &:before {
top: 0.9375rem; top: 0.9375rem;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
top: .3125rem; top: 0.3125rem;
} }
} }
&:after { &:after {

2
src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
View file

@ -181,7 +181,7 @@ export default {
transition: background 0s 0s ease-in-out; transition: background 0s 0s ease-in-out;
} }
} }
.modal.modal-component .modal-dialog .modal-content { .modal.modal-component .modal-dialog .modal-content {
.modal-header { .modal-header {
padding-top: 0; padding-top: 0;

2
src/layouts/quote/service-package-question/service-package-question.spec.js
View file

@ -851,7 +851,7 @@ function setupMocks({ mountOptionsMockData, props = mockProps }) {
}, },
}, },
}; };
mountOptionsMockData = Object.assign(mountOptionsMockDataDefault, mountOptionsMockData); mountOptionsMockData = Object.assign(mountOptionsMockDataDefault, mountOptionsMockData);
const mountOptions = getMountOptions(mountOptionsMockData); const mountOptions = getMountOptions(mountOptionsMockData);

12
src/layouts/quote/service-package-question/service-package-question.vue
View file

@ -227,11 +227,9 @@ export default {
methods: { methods: {
processIfStatements, processIfStatements,
hasPricingByDay() { hasPricingByDay() {
return ( return experimentMixin.methods.hasSettingEqualTo(
experimentMixin.methods.hasSettingEqualTo( experimentSettings.PRICING_BY_DAY,
experimentSettings.PRICING_BY_DAY, "true"
"true"
) && !this.isInsuranceSelected
); );
}, },
getHeaderTextFromCms(cmsWidgetName) { getHeaderTextFromCms(cmsWidgetName) {
@ -264,6 +262,10 @@ export default {
servicePackageDiscount, servicePackageDiscount,
}) })
).toFixed(2); ).toFixed(2);
if (this.hasPricingByDay()) {
return "$" + formattedPriceFloat;
}
return (this.isInsuranceSelected ? "As little as $" : "$") + formattedPriceFloat; return (this.isInsuranceSelected ? "As little as $" : "$") + formattedPriceFloat;
}, },
getPackagePrice(packageName, { discountedPrice = false, servicePackageDiscount = false }) { getPackagePrice(packageName, { discountedPrice = false, servicePackageDiscount = false }) {