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

Tech review changes

Browse source
This commit is contained in:
Leah Schumann 2023-11-14 10:29:18 -05:00
parent a34e45b179
commit d297dafcc8
2 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/fmg-components/cart/cart.vue
View file

@ -1,20 +1,21 @@
<template> <template>
<div class="cart"> <div class="cart">
<div > <div>
<div <div
class="row vin-toggle flex align-items-center py-4" class="row vin-toggle flex align-items-center py-4"
:class="[isExpanded ? 'expanded' : '']" :class="[isExpanded ? 'expanded' : '']"
@click="toggleIsExpanded()"> @click="toggleIsExpanded()">
<div class="col d-flex justify-content-between"> <div class="col d-flex justify-content-between">
<span class="label">{{ amountDueText }}</span <span class="label">{{ amountDueText }}</span
><span class="label amount-due">{{ currencyFormatter.format(amountDue) }}</span> ><span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
</div> </div>
</div> </div>
<div class="price-table"> <div class="price-table">
<div class="service-type"> <div class="service-type">
<textBlock :cmsWidgetName="servicePackageTitleWidget" /><span>{{ <textBlock :cmsWidgetName="servicePackageTitleWidget" />
currencyFormatter.format(packagePrice) <span>
}}</span> {{ getFormattedAmount("", packagePrice) }}
</span>
</div> </div>
<!-- Packaged Cart Items --> <!-- Packaged Cart Items -->
@ -52,29 +53,21 @@
:text="recycleFeeCartItem.name" :text="recycleFeeCartItem.name"
href="#!" href="#!"
@click-event="openModal(recyclingModalCmsWidgetName)" /> @click-event="openModal(recyclingModalCmsWidgetName)" />
<span <span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span>
>{{
`${
cartItem.category == "promos"
? "(" + currencyFormatter.format(cartItem.subTotal * -1) + ")"
: currencyFormatter.format(cartItem.subTotal)
}`
}}
</span>
</div> </div>
<!-- Sub total, sales tax, total columns --> <!-- Sub total, sales tax, total columns -->
<div class="sub-total"> <div class="sub-total">
<span>{{ subtotalText }}</span <span>{{ subtotalText }}</span
><span>{{ currencyFormatter.format(subTotal) }}</span> ><span>{{ getFormattedAmount("", subTotal) }}</span>
</div> </div>
<div class="sales-tax"> <div class="sales-tax">
<span>{{ salesTaxText }}</span <span>{{ salesTaxText }}</span
><span>{{ currencyFormatter.format(salesTax) }}</span> ><span>{{ getFormattedAmount("", salesTax) }}</span>
</div> </div>
<div class="amount-due"> <div class="amount-due">
<span>{{ amountDueText }}</span <span>{{ amountDueText }}</span
><span>{{ currencyFormatter.format(amountDue) }}</span> ><span>{{ getFormattedAmount("", amountDue) }}</span>
</div> </div>
</div> </div>
</div> </div>
@ -172,6 +165,11 @@ export default {
return vapsTypeName.Text; return vapsTypeName.Text;
}, },
getFormattedAmount(category, amount) {
return category == "promos"
? "(" + this.currencyFormatter.format(amount * -1) + ")"
: this.currencyFormatter.format(amount);
},
removeItem(cartItemType, category) { removeItem(cartItemType, category) {
this.lineItems[category] = this.lineItems[category].filter( this.lineItems[category] = this.lineItems[category].filter(
(lineItemsToKeep) => lineItemsToKeep.cartItemType != cartItemType (lineItemsToKeep) => lineItemsToKeep.cartItemType != cartItemType