Implement Table-Form (#39)

* make it work

* clean it up

* move event-handling to seperate class

frontend/app/actions.ts

@@ -11,6 +11,7 @@ import {
   TutorFormEventsQuery,
   TutorFormEventsDocument,
 } from "@/lib/gql/generated/graphql";
+import {eventBroker} from "@/lib/eventBroker";
 
 export const getEvents = async (): Promise<TutorFormEventsQuery> => {
   await new Promise((resolve) => setTimeout(resolve, 250));
@@ -28,7 +29,7 @@ export const addTutor = async (formState: FormState, formData: FormData) => {
   const firstName = formData.get("fn")?.toString() || "";
   const lastName = formData.get("sn")?.toString() || "";
   const email = formData.get("email")?.toString() || "";
-  const eventsAvailable = [1, 2];
+  const eventsAvailable = eventBroker.getEvents();
 
   const vars: AddTutorMutationVariables = {
     firstName,

frontend/app/form-tutor/ui/table/columns.tsx

@@ -3,6 +3,7 @@
 import { ColumnDef } from "@tanstack/react-table";
 import { Checkbox } from "@/components/ui/checkbox";
 import { TutorFormEventsQuery } from "@/lib/gql/generated/graphql";
+import { eventBroker } from "@/lib/eventBroker";
 
 export const columns: ColumnDef<TutorFormEventsQuery['events'][0]>[] = [
   {
@@ -13,7 +14,16 @@ export const columns: ColumnDef<TutorFormEventsQuery['events'][0]>[] = [
         <Checkbox
           className={"mx-auto"}
           checked={row.getIsSelected()}
-          onCheckedChange={(value) => row.toggleSelected(!!value)}
+          onCheckedChange={(value) => {
+            row.toggleSelected(!!value)
+
+            if(row.getIsSelected()){
+              eventBroker.removeEvent(row.original.ID)
+            } else {
+              eventBroker.addEvent(row.original.ID)
+            }
+
+          }}
           aria-label="Ich kann diese Vorlesung halten"
         />
       </div>

frontend/lib/eventBroker.ts

@@ -0,0 +1,18 @@
+class EventBroker {
+    selectedEvents: number[] = []
+
+    addEvent(eventID: number):void {
+        this.selectedEvents.push(eventID)
+    }
+
+    removeEvent(eventID: number): void {
+        const index = this.selectedEvents.indexOf(eventID)
+        if (index > -1) this.selectedEvents.splice(index, 1)
+    }
+
+    getEvents(): number[] {
+        return this.selectedEvents
+    }
+}
+
+export let eventBroker = new EventBroker()