Streamlined stores

software/src/stores/concert.store.ts

@@ -0,0 +1,64 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { ConcertApiModel } from "../data/models/acts/concertApiModel";
+import { fetchConcertById, fetchAllConcerts, fetchUpcomingConcerts } from "../data/api/concertApi";
+import { ConcertDetailsApiModel } from "../data/models/acts/concertDetailsApiModel";
+
+export const useConcertStore = defineStore("concertStore", {
+  state: () => ({
+    /** All available concerts */
+    concerts: ref<Array<ConcertApiModel>>([]),
+
+    /** Next upcoming concerts */
+    upcomingConcerts: ref<Array<ConcertApiModel>>([]),
+
+    /** Enhanced data about a specific concert */
+    concert: ref<ConcertDetailsApiModel>(new ConcertDetailsApiModel()),
+
+    /** Request to server sent, waiting for data response */
+    fetchInProgress: ref(false)
+  }),
+
+  actions: {
+    /**
+     * Download all concerts from server
+     */
+    async getConcerts() {
+      this.fetchInProgress = true
+
+      fetchAllConcerts()
+        .then(result => {
+          this.concerts = result.data
+          this.fetchInProgress = false
+        })
+    },
+
+    /**
+     * Get all data about a specific concert 
+     * 
+     * @param id ID of the concert in the database
+     */
+    async getConcert(id: number) {
+      this.fetchInProgress = true
+
+      fetchConcertById(id)
+        .then(result => {
+          this.concert = result.data
+          this.fetchInProgress = false
+        })
+    },
+
+    /**
+     * Download the next four upcoming concerts from server
+     */
+    async getUpcomingConcerts() {
+      this.fetchInProgress = true
+
+      fetchUpcomingConcerts(4)
+        .then(result => {
+          this.upcomingConcerts = result.data
+          this.fetchInProgress = false
+        })
+    }
+  }
+})