CSR-1742: refactoring logic out of markup

This commit is contained in:
Adam Caouette 2024-05-03 07:45:58 -04:00
parent 79456bab46
commit f943a3648d

View file

@ -11,9 +11,7 @@
class="col d-flex justify-content-between py-0">
<span class="label">{{ amountDueText }}</span>
<span class="label amount-due">{{
showCoverageAsPending
? verifyingCoverageText
: getFormattedAmount("", amountDue)
getLineItemAmount("", amountDue, showCoverageAsPending)
}}</span>
</a>
</div>
@ -24,9 +22,11 @@
<textBlock cmsWidgetName="DeductibleTextWidget" />
<span>
{{
showCoverageAsPending
? verifyingCoverageText
: getFormattedAmount("", deductibleLineItem.subTotal)
getLineItemAmount(
"",
deductibleLineItem.subTotal,
showCoverageAsPending
)
}}
</span>
</div>
@ -35,12 +35,12 @@
<div class="service-type">
<textBlock :cmsWidgetName="servicePackageTitleWidget" />
<span>
{{ getFormattedAmount("", packagePrice) }}
{{ getLineItemAmount("", packagePrice) }}
</span>
<span
v-if="packagePriceWithoutDiscount > packagePrice"
class="struck-out-price">
{{ getFormattedAmount("", packagePriceWithoutDiscount) }}
{{ getLineItemAmount("", packagePriceWithoutDiscount) }}
</span>
</div>
@ -100,34 +100,26 @@
!showCoverageAsVerified ||
(showCoverageAsVerified && !cartItem.isCoveredByInsurance)
"
>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span
>{{ getLineItemAmount(cartItem.category, cartItem.subTotal) }}</span
>
</div>
<!-- Sub total, sales tax, total columns -->
<div class="sub-total">
<span>{{ subtotalText }}</span>
<span>{{
showCoverageAsPending
? verifyingCoverageText
: getFormattedAmount("", subTotal)
}}</span>
<span>{{ getLineItemAmount("", subTotal, showCoverageAsPending) }}</span>
</div>
<div class="sales-tax">
<span>{{ salesTaxText }}</span>
<span>{{ getFormattedAmount("", salesTax) }}</span>
<span>{{ getLineItemAmount("", salesTax) }}</span>
</div>
<div v-if="showAsPaid" class="amount-paid">
<span>{{ amountPaidText }}</span
><span>{{ getFormattedAmount("", amountPaid) }}</span>
<span>{{ amountPaidText }}</span>
<span>{{ getLineItemAmount("", amountPaid) }}</span>
</div>
<div class="amount-due">
<span>{{ amountDueText }}</span>
<span>{{
showCoverageAsPending
? verifyingCoverageText
: getFormattedAmount("", amountDue)
}}</span>
<span>{{ getLineItemAmount("", amountDue, showCoverageAsPending) }}</span>
</div>
</div>
<div
@ -269,11 +261,14 @@ export default {
return vapsTypeName.Text;
},
getFormattedAmount(category, amount) {
getLineItemAmount(category, amount, useVerifyingText) {
if (useVerifyingText) return this.verifyingCoverageText;
return category == "promos"
? "(" + this.currencyFormatter.format(amount * -1) + ")"
: this.currencyFormatter.format(amount);
},
removeItem(cartItemType, category) {
this.lineItems[category] = this.lineItems[category].filter(
(lineItemsToKeep) => lineItemsToKeep.cartItemType != cartItemType