71 lines
2.5 KiB
Svelte
71 lines
2.5 KiB
Svelte
<script lang="ts">
|
|
import type { EventFight, ExtendedEvent, ResponseGroups } from "@type/event.ts";
|
|
import type { GroupViewConfig } from "./types";
|
|
import EventCard from "./EventCard.svelte";
|
|
import EventCardOutline from "./EventCardOutline.svelte";
|
|
import EventTeamChip from "./EventTeamChip.svelte";
|
|
import EventFightChip from "./EventFightChip.svelte";
|
|
|
|
const {
|
|
event,
|
|
config,
|
|
}: {
|
|
event: ExtendedEvent;
|
|
config: GroupViewConfig;
|
|
} = $props();
|
|
|
|
// Groups fights into rounds: a round starts at the first fight's start;
|
|
// all fights starting within 10 minutes (600_000 ms) of that are in the same round.
|
|
function detectRounds(fights: EventFight[]): EventFight[][] {
|
|
if (!fights || fights.length === 0) return [];
|
|
|
|
const TEN_MIN_MS = 10 * 60 * 1000;
|
|
const sorted = [...fights].sort((a, b) => a.start - b.start);
|
|
|
|
const rounds: EventFight[][] = [];
|
|
let currentRound: EventFight[] = [];
|
|
let roundStart = sorted[0].start;
|
|
|
|
for (const fight of sorted) {
|
|
if (fight.start - roundStart <= TEN_MIN_MS) {
|
|
currentRound.push(fight);
|
|
} else {
|
|
if (currentRound.length) rounds.push(currentRound);
|
|
currentRound = [fight];
|
|
roundStart = fight.start;
|
|
}
|
|
}
|
|
|
|
if (currentRound.length) rounds.push(currentRound);
|
|
return rounds;
|
|
}
|
|
</script>
|
|
|
|
{#each config.groups as groupId}
|
|
{@const group = event.groups.find((g) => g.id === groupId)!!}
|
|
{@const fights = event.fights.filter((f) => f.group?.id === groupId)}
|
|
{@const rounds = detectRounds(fights)}
|
|
<div class="flex">
|
|
<div>
|
|
<EventCard title={group.name}>
|
|
<EventCardOutline>
|
|
{#each Object.entries(group.points ?? {}).sort((v1, v2) => v2[1] - v1[1]) as points}
|
|
{@const [teamId, point] = points}
|
|
{@const team = event.teams.find((t) => t.id.toString() === teamId)!!}
|
|
<EventTeamChip {team} score={point.toString()} />
|
|
{/each}
|
|
</EventCardOutline>
|
|
</EventCard>
|
|
</div>
|
|
{#each rounds as round, index}
|
|
<div>
|
|
<EventCard title="Runde {index + 1}">
|
|
{#each round as fight}
|
|
<EventFightChip {fight} {group} />
|
|
{/each}
|
|
</EventCard>
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
{/each}
|