CSR-1742: refactoring logic out of markup
This commit is contained in:
parent
79456bab46
commit
f943a3648d
1 changed files with 18 additions and 23 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue