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

WIP

Browse source
This commit is contained in:
Bryan Mauger 2023-09-12 16:57:20 -04:00
parent 2b98b9ab2c
commit f208ae0c65
1 changed files with 34 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,10 +14,14 @@
<div class="service-type" :class="{ packageWithVAPS: packageWithVAPS }">
<textBlock :cmsWidgetName="packageNameWidget" /><span>{{ packagePrice }}</span>
</div>
<div class="vaps" v-for="(lineItem, i) in cartLineItems" :key="i">
<div class="vaps" v-for="(lineItem, i) in displayedPackageLineItems" :key="i">
<span>{{ lineItem.name }}</span>
<span><a href="#">Remove</a></span>
<span v-if="!lineItem.isPartOfPackage">{{ lineItem.price }}</span>
</div>
<div class="vaps" v-for="(lineItem, i) in displayedNonPackageLineItems" :key="i">
<span>{{ lineItem.name }}</span>
<span><a href="#">Remove</a></span>
<span>{{ lineItem.price }}</span>
</div>
<div v-if="hasRecycleLineItem">
<span>{{ recycleLabel }}</span
@ -153,52 +157,40 @@ export default {
return packagePriceString;
// return (packagePriceString.length > 0) ? packagePriceString : "Test String";
},
packageLineItems() {
return this.getVapsLineItemsForSelectedPackage(this.packageLevel);
displayedPackageLineItems() {
const displayedPackageLineItems = [];
const packageLineItems = this.getVapsLineItemsForSelectedPackage(this.packageLevel);
packageLineItems?.forEach((item) => {
let price = item.sellingPrice + item.kitPrice + item.laborAmount;
const packageLineItem = {
name: item.partType,
price: "$" + parseFloat(price).toFixed(2),
partType: item.partType,
};
displayedPackageLineItems.push(packageLineItem);
});
console.log("What displayedPackageLineItems is", packageLineItems);
return displayedPackageLineItems;
},
cartLineItems() {
const cartLineItems = [];
console.log("Package VAPS", this.packageLineItems);
console.log("available line items", this.availableLineItems);
displayedNonPackageLineItems() {
const displayedNonPackageLineItems = [];
this.availableLineItems?.forEach((item) => {
let price = item.sellingPrice + item.kitPrice + item.laborAmount;
const indexFound = this.packageLineItems.findIndex((packageLineItem) => {
const indexFound = this.displayedPackageLineItems?.findIndex((packageLineItem) => {
return packageLineItem.partType === item.partType;
});
const cartLineItem = {
name: item.partType,
price: "$" + parseFloat(price).toFixed(2),
isPartOfPackage: indexFound > -1 ? true : false
};
cartLineItems.push(cartLineItem);
if (indexFound === -1) {
const nonPackageLineItem = {
name: item.partType,
price: "$" + parseFloat(price).toFixed(2),
partType: item.partType,
};
displayedNonPackageLineItems.push(nonPackageLineItem);
}
});
//return vaps;
// return [
// {
// name: "Front wiper blades",
// price: "$10",
// isPartOfPackage: false,
// },
// {
// name: "Rear wiper blades",
// price: "$15",
// isPartOfPackage: false,
// },
// {
// name: "Rain Defense",
// price: "$20",
// isPartOfPackage: false,
// },
// {
// name: "Mobile service",
// price: "$50",
// isPartOfPackage: false,
// },
// ];
console.log("CartLineItems",cartLineItems);
return cartLineItems;
return displayedNonPackageLineItems;
},
glassToReplace() {
return this.damage.glassToReplace;
@ -324,7 +316,7 @@ export default {
transform: rotate(180deg);
}
&.active + .price-table {
max-height: 450px;
max-height: 650px;
transition: all 350ms ease-in;
overflow: hidden;
}