103 lines
3.4 KiB
TypeScript
103 lines
3.4 KiB
TypeScript
import { defineStore } from "pinia";
|
|
import { useLocalStorage } from "@vueuse/core";
|
|
import { BasketItemModel } from "../models/ordering/basketItemModel";
|
|
import { useFeedbackStore } from "./feedbackStore";
|
|
import { BannerStateEnum } from "../enums/bannerStateEnum";
|
|
import { AddressModel } from "../models/user/addressModel";
|
|
import { PaymentModel } from "../models/user/paymentModel";
|
|
import { ref } from "vue";
|
|
import { SelectedSeatModel } from "../models/ordering/selectedSeatModel";
|
|
import { calcPrice } from "@/scripts/concertScripts";
|
|
import { BandModel } from "../models/acts/bandModel";
|
|
import { ConcertModel } from "../models/acts/concertModel";
|
|
|
|
export const useBasketStore = defineStore('basketStore', {
|
|
state: () => ({
|
|
itemsInBasket: useLocalStorage<Array<BasketItemModel>>("hackmycart/basketStore/productsInBasket", []),
|
|
usedAddress: useLocalStorage("hackmycart/basketStore/usedAddress", new AddressModel()),
|
|
usedPayment: useLocalStorage("hackmycart/basketStore/usedPayment", new PaymentModel()),
|
|
selectedSeats: ref<Array<SelectedSeatModel>>([])
|
|
}),
|
|
|
|
getters: {
|
|
/**
|
|
* Calculate price of all items in the basket with discount
|
|
*
|
|
* @returns Total price of basket
|
|
*/
|
|
getTotalPrice() {
|
|
let result = 0
|
|
|
|
for (let item of this.itemsInBasket) {
|
|
result += calcPrice(item.price, item.seats.length)
|
|
}
|
|
|
|
return Math.round(result * 100) / 100
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
/**
|
|
* Remove an item from the basket
|
|
*
|
|
* @param item Item to remove
|
|
*/
|
|
removeItemFromBasket(item: BasketItemModel) {
|
|
const feedbackStore = useFeedbackStore()
|
|
feedbackStore.changeBanner(BannerStateEnum.BASKETPRODUCTREMOVED)
|
|
|
|
this.itemsInBasket = this.itemsInBasket.filter((basketItemModel: BasketItemModel) =>
|
|
basketItemModel.concert.id != item.concert.id
|
|
)
|
|
},
|
|
|
|
moveSeatSelectionsToBasket(concert: ConcertModel, band: BandModel) {
|
|
// todo
|
|
// for (let selectedSeat of this.selectedSeats) {
|
|
// let itemInBasket: BasketItemModel = this.itemsInBasket.find((basketItem: BasketItemModel) => {
|
|
// return basketItem.concert.id == selectedSeat.concert.id
|
|
// })
|
|
|
|
// if (itemInBasket != undefined) {
|
|
// itemInBasket.seats.push(selectedSeat.seat)
|
|
// } else {
|
|
// this.itemsInBasket.push(
|
|
// new BasketItemModel(
|
|
// selectedSeat.concert,
|
|
// event,
|
|
// band,
|
|
// selectedSeat.seat,
|
|
// selectedSeat.concert.price
|
|
// )
|
|
// )
|
|
// }
|
|
// }
|
|
|
|
// this.selectedSeats = []
|
|
},
|
|
|
|
/**
|
|
* Take an order to the server. Sends all articles in the basket and creates an order entry in the backend database
|
|
*/
|
|
async takeOrder() {
|
|
// todo
|
|
// const accountStore = useAccountStore()
|
|
// const productStore = useProductStore()
|
|
// const feedbackStore = useFeedbackStore()
|
|
|
|
// await addOrder(accountStore.userAccount.id, this.itemsInBasket, this.usedPayment.id, this.usedAddress.id)
|
|
// .then(async result => {
|
|
// if (result.status == 201) {
|
|
// await accountStore.refreshOrders()
|
|
// await productStore.fetchAllProducts()
|
|
|
|
// this.itemsInBasket = []
|
|
// feedbackStore.changeBanner(BannerStateEnum.ORDERPLACESUCCESSFUL)
|
|
// } else {
|
|
// feedbackStore.changeBanner(BannerStateEnum.ERROR)
|
|
// }
|
|
// })
|
|
}
|
|
}
|
|
})
|