New page for all concerts

software/src/data/stores/basketStore.ts

@@ -8,7 +8,6 @@ import { PaymentModel } from "../models/user/paymentModel";
 import { ref } from "vue";
 import { SelectedSeatModel } from "../models/ordering/selectedSeatModel";
 import { calcPrice } from "@/scripts/concertScripts";
-import { EventModel } from "../models/acts/eventModel";
 import { BandModel } from "../models/acts/bandModel";
 
 export const useBasketStore = defineStore('basketStore', {
@@ -51,28 +50,29 @@ export const useBasketStore = defineStore('basketStore', {
       )
     },
 
-    moveSeatSelectionsToBasket(event: EventModel, band: BandModel) {
-      for (let selectedSeat of this.selectedSeats) {
-        let itemInBasket: BasketItemModel = this.itemsInBasket.find((basketItem: BasketItemModel) => {
-          return basketItem.concert.id == selectedSeat.concert.id
-        })
+    moveSeatSelectionsToBasket(event, 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
-            )
-          )
-        }
-      }
+      //   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 = []
+      // this.selectedSeats = []
     },
 
     /**

software/src/data/stores/concertStore.ts

@@ -0,0 +1,24 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { ConcertApiModel } from "../models/acts/concertApiModel";
+import { useFeedbackStore } from "./feedbackStore";
+import { fetchConcerts } from "../api/concertApi";
+
+export const useConcertStore = defineStore("concertStore", {
+  state: () => ({
+    concerts: ref<Array<ConcertApiModel>>([])
+  }),
+
+  actions: {
+    async getConcerts() {
+      const feedbackStore = useFeedbackStore()
+      feedbackStore.fetchDataFromServerInProgress = true
+
+      await fetchConcerts()
+        .then(result => {
+          this.concerts = result.data
+          feedbackStore.fetchDataFromServerInProgress = false
+        })
+    }
+  }
+})

software/src/data/stores/locationStore.ts

@@ -0,0 +1,36 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useFeedbackStore } from "./feedbackStore";
+import { fetchAllLocations } from "../api/locationApi";
+import { LocationApiModel } from "../models/locations/locationApiModel";
+import { CityModel } from "../models/locations/cityModel";
+import { fetchAllCities } from "../api/cityApi";
+
+export const useLocationStore = defineStore("locationStore", {
+  state: () => ({
+    locations: ref<Array<LocationApiModel>>([]),
+    cities: ref<Array<CityModel>>([])
+  }),
+
+  actions: {
+    async getLocations() {
+      const feedbackStore = useFeedbackStore()
+      feedbackStore.fetchDataFromServerInProgress = true
+
+      await fetchAllLocations()
+        .then(result => {
+          this.locations = result.data
+        })
+
+      await fetchAllCities()
+        .then(result => {
+          this.cities = result.data
+          feedbackStore.fetchDataFromServerInProgress = false
+        })
+    },
+
+    getLocationsByCity(city: string): Array<LocationApiModel> {
+      return this.locations.filter(location => location.city.name == city)
+    }
+  },
+})

software/src/data/stores/shopStore.ts

@@ -0,0 +1,60 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { ConcertApiModel } from "../models/acts/concertApiModel";
+import { BandApiModel } from "../models/acts/bandApiModel";
+import { CityApiModel } from "../models/locations/cityApiModel";
+import { GenreApiModel } from "../models/acts/genreApiModel";
+import { searchBand } from "../api/bandApi";
+import { searchLocation } from "../api/locationApi";
+import { fetchConcerts, searchConcert } from "../api/concertApi";
+import { useFeedbackStore } from "./feedbackStore";
+
+export const useShopStore = defineStore("shopStore", {
+  state: () => ({
+    concertsFiltered: ref<Array<ConcertApiModel>>([]),
+    bandsFiltered: ref<Array<BandApiModel>>([]),
+    cities: ref<Array<CityApiModel>>([]),
+    cityFilterName: ref<string>(),
+    genreFilterName: ref<string>(),
+    genres: ref<Array<GenreApiModel>>([]),
+    alreadySearched: ref(false),
+    searchInProgress: ref(false)
+  }),
+  
+  actions: {
+    /**
+     * Search for the termin in all bands, locations, events 
+     */
+    async startSearch() {
+      this.alreadySearched = true
+      this.searchInProgress = true
+
+      await searchBand(this.searchTerm)
+        .then(result => {
+          this.bands = result.data
+        })
+
+      await searchLocation(this.searchTerm)
+        .then(result => {
+          this.locations = result.data
+        })
+
+      await searchConcert(this.searchTerm)
+        .then(result => {
+          this.concerts = result.data
+        })
+
+      this.searchInProgress = false
+    },
+
+    async getConcerts() {
+      const feedbackStore = useFeedbackStore()
+      feedbackStore.fetchDataFromServerInProgress = true
+
+      await fetchConcerts()
+        .then(result => {
+          this.concerts = result.data
+        })
+    }
+  }
+})

software/src/data/stores/shoppingStore.ts

@@ -5,12 +5,10 @@ import { fetchAllCities } from "../api/cityApi";
 import { fetchAllGenres } from "../api/genreApi";
 import { useFeedbackStore } from "./feedbackStore";
 import { CityApiModel } from "../models/locations/cityApiModel";
-import { EventApiModel } from "../models/acts/eventApiModel";
 import { GenreApiModel } from "../models/acts/genreApiModel";
 
 export const useShoppingStore = defineStore("shoppingStore", {
   state: () => ({
-    events: ref<Array<EventApiModel>>([]),
     cities: ref<Array<CityApiModel>>([]),
     genres: ref<Array<GenreApiModel>>([]),
     cityFilterName: ref<string>(),