2 Commits

View File

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