Refactor referee management into standalone component

2025-04-02 09:20:36 +02:00
parent 4fbe01f987
commit d1c926c093
2 changed files with 100 additions and 61 deletions
--- a/src/components/moderator/pages/event/RefereesList.svelte
+++ b/src/components/moderator/pages/event/RefereesList.svelte
@@ -0,0 +1,92 @@
+<!--
+  -   This file is a part of the SteamWar software.
+  -
+  -   Copyright (C) 2025 SteamWar.de-Serverteam
+  -
+  -   This program is free software: you can redistribute it and/or modify
+  -   it under the terms of the GNU Affero General Public License as published by
+  -   the Free Software Foundation, either version 3 of the License, or
+  -   (at your option) any later version.
+  -
+  -   This program is distributed in the hope that it will be useful,
+  -   but WITHOUT ANY WARRANTY; without even the implied warranty of
+  -   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  -   GNU Affero General Public License for more details.
+  -
+  -   You should have received a copy of the GNU Affero General Public License
+  -   along with this program.  If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<script lang="ts">
+    import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from "@components/ui/table/index.js";
+    import {
+        Command,
+        CommandEmpty,
+        CommandGroup,
+        CommandInput,
+        CommandItem,
+        CommandList,
+    } from "@components/ui/command/index.js";
+    import {Popover, PopoverContent, PopoverTrigger} from "@components/ui/popover/index.js";
+    import {Button} from "@components/ui/button/index.js";
+    import type {ExtendedEvent} from "@type/event.ts";
+    import { eventRepo } from "@repo/event";
+    import { players } from "@stores/stores"
+
+    const {
+        event
+    }: { event: ExtendedEvent } = $props();
+
+    let referees = $state(event.event.referees)
+
+    async function addReferee(value: string) {
+        referees = (await $eventRepo.updateEvent(event.event.id.toString(), {
+            addReferee: [value]
+        })).referees;
+    }
+
+    async function removeReferee(value: string) {
+        referees = (await $eventRepo.updateEvent(event.event.id.toString(), {
+            removeReferee: [value]
+        })).referees;
+    }
+</script>
+
+<Table>
+    <TableHeader>
+        <TableRow>
+            <TableHead>Name</TableHead>
+            <TableHead>Actions</TableHead>
+        </TableRow>
+    </TableHeader>
+    <TableBody>
+        {#each referees as referee (referee.uuid)}
+            <TableRow>
+                <TableCell>{referee.name}</TableCell>
+                <TableCell>
+                    <Button onclick={() => removeReferee(referee.uuid)}>Remove</Button>
+                </TableCell>
+            </TableRow>
+        {/each}
+    </TableBody>
+</Table>
+<Popover>
+    <PopoverTrigger>
+        <Button>
+            Add
+        </Button>
+    </PopoverTrigger>
+    <PopoverContent class="p-0">
+        <Command>
+            <CommandInput placeholder="Search players..." />
+            <CommandList>
+                <CommandEmpty>No Players found :(</CommandEmpty>
+                <CommandGroup heading="Players">
+                    {#each $players.filter(v => v.perms.length > 0).filter(v => !referees.some(k => k.uuid === v.uuid)) as player (player.uuid)}
+                        <CommandItem value={player.uuid} onSelect={() => addReferee(player.uuid)}>{player.name}</CommandItem>
+                    {/each}
+                </CommandGroup>
+            </CommandList>
+        </Command>
+    </PopoverContent>
+</Popover>