+
{{
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;