Refactor FightTable and GroupTable components to use numeric group identifiers; enhance event handling in FightEdit and EventFightList; add new Pages management UI with editor tabs; improve event data handling and display logic; update event types to include hasFinished status; optimize announcement page rendering and structure.

src/components/moderator/pages/event/EventFightList.svelte

@@ -34,6 +34,8 @@
     import GroupEditDialog from "./GroupEditDialog.svelte";
     import GroupResultsDialog from "./GroupResultsDialog.svelte";
     import type { ResponseGroups } from "@type/event";
+    import { EditIcon, GroupIcon, LinkIcon } from "lucide-svelte";
+    import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@components/ui/dropdown-menu";
 
     let { data = $bindable() }: { data: ExtendedEvent } = $props();
 
@@ -209,7 +211,7 @@
     <TableBody>
         {#each table.getRowModel().rows as groupRow (groupRow.id)}
             {#if groupRow.getIsGrouped()}
-                {@const group = groups.find((g) => g.id === groupRow.getValue("group"))}
+                {@const group = groups.find((g) => g.id == groupRow.getValue("group"))}
                 <TableRow class="font-bold">
                     <TableCell colspan={columns.length - 1}>
                         <Checkbox
@@ -220,7 +222,31 @@
                         />
                         {group?.name ?? "Keine Gruppe"}
                     </TableCell>
-                    <TableCell class="text-right"></TableCell>
+                    <TableCell class="text-right">
+                        <Button variant="ghost" size="icon" onclick={() => openGroupEditDialog(group)}>
+                            <EditIcon />
+                        </Button>
+                        <Button variant="ghost" size="icon" onclick={() => openGroupResultsDialog(group)}>
+                            <GroupIcon />
+                        </Button>
+                        <DropdownMenu>
+                            <DropdownMenuTrigger>
+                                <Button variant="ghost" size="icon">
+                                    <LinkIcon />
+                                </Button>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent>
+                                <DropdownMenuItem
+                                    onclick={() => navigator.clipboard.writeText(`<group-table data-event="${data.event.id}"${group ? ` data-group="${group?.id}"` : ""}> </group-table>`)}
+                                    >Punkte Tabelle</DropdownMenuItem
+                                >
+                                <DropdownMenuItem
+                                    onclick={() => navigator.clipboard.writeText(`<fight-table data-event="${data.event.id}"${group ? ` data-group="${group?.id}"` : ""}> </group-table>`)}
+                                    >Kampf Tabelle</DropdownMenuItem
+                                >
+                            </DropdownMenuContent>
+                        </DropdownMenu>
+                    </TableCell>
                 </TableRow>
                 {#each groupRow.subRows as row (row.id)}
                     <TableRow data-state={row.getIsSelected() && "selected"}>

src/components/moderator/pages/event/GroupResultsDialog.svelte

@@ -28,10 +28,10 @@
                 <TableBody>
                     {#each Object.entries(group.points).toSorted((a, b) => b[1] - a[1]) as [teamIdString, points] (teamIdString)}
                         {@const teamId = Number(teamIdString)}
-                        {@const team = teams.find((t) => t.id === teamId) as ResponseTeam}
-                        {@const playedGames = fights.filter((f) => f.start > Date.now() && f.group?.id === group.id && (f.blueTeam.id === teamId || f.redTeam.id === teamId)).length}
+                        {@const team = teams.find((t) => t.id === teamId) as ResponseTeam | undefined}
+                        {@const playedGames = fights.filter((f) => f.hasFinished && f.group?.id === group.id && (f.blueTeam.id === teamId || f.redTeam.id === teamId)).length}
                         <TableRow>
-                            <TableCell>{team.name} ({team.kuerzel})</TableCell>
+                            <TableCell>{team?.name ?? "?"} ({team?.kuerzel ?? "?"})</TableCell>
                             <TableCell class="text-right">{playedGames}</TableCell>
                             <TableCell class="text-right font-bold">{points}</TableCell>
                         </TableRow>

src/components/moderator/pages/event/columns.ts

@@ -90,7 +90,7 @@ export const columns: ColumnDef<EventFight> = [
         accessorKey: "ergebnis",
         cell: ({ row }) => {
             const fight = row.original;
-            if (fight.ergebnis === 0 && fight.start > Date.now()) {
+            if (!fight.hasFinished) {
                 return "Noch nicht gespielt";
             } else if (fight.ergebnis === 1) {
                 return fight.blueTeam.name + " hat gewonnen";