2 Commits

View File

@@ -18,19 +18,18 @@
--> -->
<script lang="ts"> <script lang="ts">
import {Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte"; import { Navbar, NavBrand, Spinner, TabItem, Tabs } from "flowbite-svelte";
import EventEdit from "./event/EventEdit.svelte"; import EventEdit from "./event/EventEdit.svelte";
import {ArrowLeftOutline} from "flowbite-svelte-icons"; import { ArrowLeftOutline } from "flowbite-svelte-icons";
import FightList from "./event/FightList.svelte";
import TeamList from "./event/TeamList.svelte"; import TeamList from "./event/TeamList.svelte";
import {eventRepo} from "@repo/event.ts"; import { eventRepo } from "@repo/event.ts";
import RefereesList from "@components/admin/pages/event/RefereesList.svelte"; import RefereesList from "@components/admin/pages/event/RefereesList.svelte";
interface Props { interface Props {
params: { id: number }; params: { id: number };
} }
let { params }: Props = $props(); let { params }: Props = $props();
let id = params.id; let id = params.id;
let event = $eventRepo.getEvent(id.toString()); let event = $eventRepo.getEvent(id.toString());
@@ -38,44 +37,43 @@
{#await event} {#await event}
<div class="h-screen w-screen grid place-items-center"> <div class="h-screen w-screen grid place-items-center">
<Spinner size={16}/> <Spinner size={16} />
</div> </div>
{:then data} {:then data}
<Navbar > <Navbar>
{#snippet children({ hidden, toggle })} {#snippet children({ hidden, toggle })}
<NavBrand href="#"> <NavBrand href="#">
<ArrowLeftOutline></ArrowLeftOutline> <ArrowLeftOutline></ArrowLeftOutline>
<span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white"> <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
{data.event.name} {data.event.name}
</span> </span>
</NavBrand> </NavBrand>
{/snippet} {/snippet}
</Navbar> </Navbar>
<Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass=""> <Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass="">
<TabItem open> <TabItem open>
{#snippet title()} {#snippet title()}
<span >Event</span> <span>Event</span>
{/snippet} {/snippet}
<EventEdit {data}/> <EventEdit {data} />
</TabItem> </TabItem>
<TabItem> <TabItem>
{#snippet title()} {#snippet title()}
<span >Teams</span> <span>Teams</span>
{/snippet} {/snippet}
<TeamList {data}/> <TeamList {data} />
</TabItem> </TabItem>
<TabItem> <TabItem>
{#snippet title()} {#snippet title()}
<span >Schiedsrichter</span> <span>Schiedsrichter</span>
{/snippet} {/snippet}
<RefereesList {data}/> <RefereesList {data} />
</TabItem> </TabItem>
<TabItem> <TabItem>
{#snippet title()} {#snippet title()}
<span >Kämpfe</span> <span>Kämpfe</span>
{/snippet} {/snippet}
<FightList {data}/>
</TabItem> </TabItem>
</Tabs> </Tabs>
{:catch error} {:catch error}