Finally implemented EventStore.ts

front/src/stores/EventStore.ts

@@ -1,18 +1,44 @@
-import { defineStore } from 'pinia'
+import {defineStore} from 'pinia'
 import {EventRequests} from "@/requests/EventRequests.ts";
+import type {EventDto} from "@/dto/EventDto.ts";
+import type {EventState} from "@/models/Event.ts";
+import type {ParticipantDto} from "@/dto/ParticipantDto.ts";
+import type {ParticipantState} from "@/models/Participant.ts";
+import type {TimeStamp, TimeStampState} from "@/models/TimeStamp.ts";
+import type {TimeStampDto} from "@/dto/TimeStampDto.ts";
 
 const requests = new EventRequests();
 
-export const eventStore = defineStore('datePicker', {
-  state: () => {
+export const eventStore = defineStore('eventStore', {
+  state: (): {event : EventState} => {
     return {
-      event: Event
+      event : {
+        name: "",
+        token: "",
+        participants: [] as ParticipantState[]
+      }};
+  },
+  getters : {
+    getEvent()  {
     }
   },
-
   actions: {
-    fetch: (token : string) => {
-      requests.queryEvent(token);
-    }
+    async fetch(token: string): Promise<void> {
+        try{
+          let data : EventDto | void = await requests.queryEvent(token);
+          if(!data) throw new Error("No event found");
+          this.event.name = data.name;
+          this.event.token = data.token;
+
+          this.event.participants = data.participants.map((p: ParticipantDto) => ({
+            name: p.name,
+            dates: p.dates.map((date: TimeStampDto) => ({
+              value: date.timestamp
+            })) as TimeStampState[]
+          }));
+        } catch (error) {
+          console.error("Unable to fetch. " + error);
+        }
+    },
   },
-})
+});