Merge pull request #1840 from Safelite/feature/CSR-1742-ajc
CSR-1742: refactoring logic out of markup
This commit is contained in:
commit
8a5624fd2d
1 changed files with 19 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,10 @@
|
|||
<textBlock cmsWidgetName="DeductibleTextWidget" />
|
||||
<span>
|
||||
{{
|
||||
showCoverageAsPending
|
||||
? verifyingCoverageText
|
||||
: getFormattedAmount("", deductibleLineItem.subTotal)
|
||||
getLineItemAmount(
|
||||
deductibleLineItem.subTotal,
|
||||
showCoverageAsPending
|
||||
)
|
||||
}}
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -35,12 +34,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 +99,28 @@
|
|||
!showCoverageAsVerified ||
|
||||
(showCoverageAsVerified && !cartItem.isCoveredByInsurance)
|
||||
"
|
||||
>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span
|
||||
>{{
|
||||
getLineItemAmount(cartItem.subTotal, null, cartItem.category)
|
||||
}}</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 +262,14 @@ export default {
|
|||
|
||||
return vapsTypeName.Text;
|
||||
},
|
||||
getFormattedAmount(category, amount) {
|
||||
|
||||
getLineItemAmount(amount, useVerifyingText, category) {
|
||||
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