Filterable tours

software/src/data/stores/concertStore.ts

@@ -1,23 +1,28 @@
 import { useLocalStorage } from "@vueuse/core";
 import { defineStore } from "pinia";
-import { TourModel } from "../models/tourModel";
+import { TourModel } from "../models/acts/tourModel";
 import { getAllTours } from "../api/tourApi";
-import { GenreModel } from "../models/genreModel";
+import { GenreModel } from "../models/acts/genreModel";
 import { getAllBands } from "../api/bandApi";
-import { BandModel } from "../models/bandModel";
-import { LocationModel } from "../models/locationModel";
+import { BandModel } from "../models/acts/bandModel";
+import { LocationModel } from "../models/acts/locationModel";
 import { getAllLocations } from "../api/locationApi";
 import { getAllGenres } from "../api/genreApi";
-import { CityModel } from "../models/cityModel";
+import { CityModel } from "../models/acts/cityModel";
 import { getAllCities } from "../api/cityApi";
 
 export const useConcertStore = defineStore("concertStore", {
   state: () => ({
     tours: useLocalStorage<Array<TourModel>>("hackmycart/concertStore/tours", []),
+    filteredTours: useLocalStorage<Array<TourModel>>("hackmycart/concertStore/filteredTours", []),
     bands: useLocalStorage<Array<BandModel>>("hackmycart/concertStore/bands", []),
     locations: useLocalStorage<Array<LocationModel>>("hackmycart/concertStore/locations", []),
+    filteredLocations: useLocalStorage<Array<LocationModel>>("hackmycart/concertStore/filteredLocations", []),
     cities: useLocalStorage<Array<CityModel>>("hackmycart/concertStore/cities", []),
-    genres: useLocalStorage<Array<GenreModel>>("hackmycart/concertStore/genres", [])
+    genres: useLocalStorage<Array<GenreModel>>("hackmycart/concertStore/genres", []),
+    cityFilter: useLocalStorage<CityModel>("hackmycart/concertStore/cityFilter", new CityModel()),
+    locationFilter: useLocalStorage<LocationModel>("hackmycart/concertStore/locationFilter", new LocationModel),
+    genreFilter: useLocalStorage<GenreModel>("hackmycart/concertStore/genreFilter", new GenreModel())
   }),
   
   actions: {
@@ -27,8 +32,12 @@ export const useConcertStore = defineStore("concertStore", {
           this.tours = result.data
 
           this.tours.sort((a, b) => {
-            return new Date(a.shows[0].date) < new Date(b.shows[0].date) ? -1 : 1
+            return new Date(a.concerts[0].date) < new Date(b.concerts[0].date) ? -1 : 1
           })
+
+          this.filteredTours = this.tours
+
+          this.filterTours()
         })
 
       await getAllBands()
@@ -50,6 +59,60 @@ export const useConcertStore = defineStore("concertStore", {
         .then(result => {
           this.cities = result.data
         })
+    },
+
+    filterTours() {
+      this.filteredTours = []
+
+      // Filter tours by city, location and genre
+      for (let tour of this.tours) {
+        let rightGenre = false
+        let rightCity = false
+        let rightLocation = false
+        
+        // Genre filter
+        if (this.genreFilter == null || this.genreFilter.id == undefined) {
+          rightGenre = true
+        } else {
+          for (let genre of tour.band.genres) {
+            if (genre.name == this.genreFilter.name) {
+              rightGenre = true
+            }
+          }
+        }
+
+        // City filter
+        if (this.cityFilter == null || this.cityFilter.id == undefined) {
+          rightCity = true
+        } else {
+          for (let concert of tour.concerts) {
+            if (concert.location.city.name == this.cityFilter.name) {
+              rightCity = true
+            }
+          }
+
+          // Filter locations by city
+          this.filteredLocations = this.cities.find(city =>
+            city.id == this.cityFilter.id
+          ).locations
+        }
+
+
+        // Location filter
+        if (this.locationFilter == null || this.locationFilter.id == undefined) {
+          rightLocation = true
+        } else {
+          for (let concert of tour.concerts) {
+            if (concert.location.id == this.locationFilter.id) {
+              rightLocation = true
+            }
+          }
+        }
+
+        if (rightGenre && rightCity && rightLocation) {
+          this.filteredTours.push(tour)
+        }
+      }
     }
   }
 })