feat: schema v1.7 + sections/shifts frontend

- Universeel festival/event model (parent_event_id, event_type)
- event_person_activations pivot tabel
- Event model: parent/children relaties + helper scopes
- DevSeeder: festival structuur met sub-events
- Sections & Shifts frontend (twee-kolom layout)
- BACKLOG.md aangemaakt met 22 gedocumenteerde wensen

apps/app/src/composables/api/useSections.ts

@@ -0,0 +1,92 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import type { Ref } from 'vue'
+import { apiClient } from '@/lib/axios'
+import type { CreateSectionPayload, FestivalSection, UpdateSectionPayload } from '@/types/section'
+
+interface ApiResponse<T> {
+  success: boolean
+  data: T
+  message?: string
+}
+
+interface PaginatedResponse<T> {
+  data: T[]
+}
+
+export function useSectionList(eventId: Ref<string>) {
+  return useQuery({
+    queryKey: ['sections', eventId],
+    queryFn: async () => {
+      const { data } = await apiClient.get<PaginatedResponse<FestivalSection>>(
+        `/events/${eventId.value}/sections`,
+      )
+
+      return data.data
+    },
+    enabled: () => !!eventId.value,
+  })
+}
+
+export function useCreateSection(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (payload: CreateSectionPayload) => {
+      const { data } = await apiClient.post<ApiResponse<FestivalSection>>(
+        `/events/${eventId.value}/sections`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['sections', eventId.value] })
+    },
+  })
+}
+
+export function useUpdateSection(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async ({ id, ...payload }: UpdateSectionPayload & { id: string }) => {
+      const { data } = await apiClient.put<ApiResponse<FestivalSection>>(
+        `/events/${eventId.value}/sections/${id}`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['sections', eventId.value] })
+    },
+  })
+}
+
+export function useDeleteSection(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (id: string) => {
+      await apiClient.delete(`/events/${eventId.value}/sections/${id}`)
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['sections', eventId.value] })
+    },
+  })
+}
+
+export function useReorderSections(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (orderedIds: string[]) => {
+      await apiClient.post(`/events/${eventId.value}/sections/reorder`, {
+        ordered_ids: orderedIds,
+      })
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['sections', eventId.value] })
+    },
+  })
+}

apps/app/src/composables/api/useShifts.ts

@@ -0,0 +1,98 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import type { Ref } from 'vue'
+import { apiClient } from '@/lib/axios'
+import type { CreateShiftPayload, Shift, UpdateShiftPayload } from '@/types/section'
+
+interface ApiResponse<T> {
+  success: boolean
+  data: T
+  message?: string
+}
+
+interface PaginatedResponse<T> {
+  data: T[]
+}
+
+export function useShiftList(eventId: Ref<string>, sectionId: Ref<string>) {
+  return useQuery({
+    queryKey: ['shifts', sectionId],
+    queryFn: async () => {
+      const { data } = await apiClient.get<PaginatedResponse<Shift>>(
+        `/events/${eventId.value}/sections/${sectionId.value}/shifts`,
+      )
+
+      return data.data
+    },
+    enabled: () => !!eventId.value && !!sectionId.value,
+  })
+}
+
+export function useCreateShift(eventId: Ref<string>, sectionId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (payload: CreateShiftPayload) => {
+      const { data } = await apiClient.post<ApiResponse<Shift>>(
+        `/events/${eventId.value}/sections/${sectionId.value}/shifts`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['shifts', sectionId.value] })
+    },
+  })
+}
+
+export function useUpdateShift(eventId: Ref<string>, sectionId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async ({ id, ...payload }: UpdateShiftPayload & { id: string }) => {
+      const { data } = await apiClient.put<ApiResponse<Shift>>(
+        `/events/${eventId.value}/sections/${sectionId.value}/shifts/${id}`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['shifts', sectionId.value] })
+    },
+  })
+}
+
+export function useDeleteShift(eventId: Ref<string>, sectionId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (id: string) => {
+      await apiClient.delete(
+        `/events/${eventId.value}/sections/${sectionId.value}/shifts/${id}`,
+      )
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['shifts', sectionId.value] })
+    },
+  })
+}
+
+export function useAssignShift(eventId: Ref<string>, sectionId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async ({ shiftId, personId }: { shiftId: string; personId: string }) => {
+      const { data } = await apiClient.post<ApiResponse<unknown>>(
+        `/events/${eventId.value}/sections/${sectionId.value}/shifts/${shiftId}/assign`,
+        { person_id: personId },
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['shifts', sectionId.value] })
+      queryClient.invalidateQueries({ queryKey: ['persons', eventId.value] })
+    },
+  })
+}

apps/app/src/composables/api/useTimeSlots.ts

@@ -0,0 +1,77 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import type { Ref } from 'vue'
+import { apiClient } from '@/lib/axios'
+import type { CreateTimeSlotPayload, TimeSlot, UpdateTimeSlotPayload } from '@/types/section'
+
+interface ApiResponse<T> {
+  success: boolean
+  data: T
+  message?: string
+}
+
+interface PaginatedResponse<T> {
+  data: T[]
+}
+
+export function useTimeSlotList(eventId: Ref<string>) {
+  return useQuery({
+    queryKey: ['time-slots', eventId],
+    queryFn: async () => {
+      const { data } = await apiClient.get<PaginatedResponse<TimeSlot>>(
+        `/events/${eventId.value}/time-slots`,
+      )
+
+      return data.data
+    },
+    enabled: () => !!eventId.value,
+  })
+}
+
+export function useCreateTimeSlot(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (payload: CreateTimeSlotPayload) => {
+      const { data } = await apiClient.post<ApiResponse<TimeSlot>>(
+        `/events/${eventId.value}/time-slots`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['time-slots', eventId.value] })
+    },
+  })
+}
+
+export function useUpdateTimeSlot(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async ({ id, ...payload }: UpdateTimeSlotPayload & { id: string }) => {
+      const { data } = await apiClient.put<ApiResponse<TimeSlot>>(
+        `/events/${eventId.value}/time-slots/${id}`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['time-slots', eventId.value] })
+    },
+  })
+}
+
+export function useDeleteTimeSlot(eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (id: string) => {
+      await apiClient.delete(`/events/${eventId.value}/time-slots/${id}`)
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['time-slots', eventId.value] })
+    },
+  })
+}