diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue index d05c8816e..a8ddb99a5 100644 --- a/src/fmg-components/cart/cart.vue +++ b/src/fmg-components/cart/cart.vue @@ -3,15 +3,15 @@
+ :class="[isExpanded ? 'expanded' : '']" + @click="toggleIsExpanded()">
{{ amountDueText }}{{ currencyFormatter.format(amountDue) }}
-
+
{{ currencyFormatter.format(packagePrice) }} @@ -106,8 +106,7 @@ export default { }, data() { return { - isActive: false, - packageWithVAPS: false, + isExpanded: false, currencyFormatter: new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", @@ -119,8 +118,8 @@ export default { openModal(modalName) { this.$refs[modalName].openModal(); }, - toggleClass: function (event) { - this.isActive = !this.isActive; + toggleIsExpanded() { + this.isExpanded = !this.isExpanded; }, getVapsPrice(packageName) { const vapsItems = this.getVapsCartItemsForSelectedPackage(packageName); @@ -308,14 +307,6 @@ export default { const nonpackageCartItems = []; this.cartItems.forEach((cartItem) => { - // if ( - // cartItem == this.recycleFeeCartItem || - // cartItem == this.mobileFeeCartItem || - // cartItem == this.premiumAppointmentDiscountCartItem - // ) { - // return; - // } - if (!this.packageCartItems.find((packageCartItem) => packageCartItem == cartItem)) { if (cartItem.isDisplayed) { nonpackageCartItems.push(cartItem); @@ -476,7 +467,7 @@ export default { let cartItem = null; const recycleFeeLineItem = this.supportingItems.find( - (supportingItem) => supportingItem.partNumber == partTypeStrings.RECYCLE_FEE + (supportingItem) => supportingItem.partType == partTypeStrings.RECYCLE_FEE ); if (recycleFeeLineItem) { @@ -784,10 +775,10 @@ export default { margin: 1rem 0 1rem 1rem; cursor: pointer; } - &.active:after { + &.expanded:after { transform: rotate(180deg); } - &.active + .price-table { + &.expanded + .price-table { max-height: 650px; transition: all 350ms ease-in; overflow: hidden;