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