flambeaux/flbxcup
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

euh lots of changes nothing works ahhh

Browse source
This commit is contained in:
unurled 2025-07-14 01:09:42 +02:00
parent 95d8988876
commit 36b937c5b6
Signed by: unurled
GPG key ID: EFC5F5E709B47DDD
246 changed files with 1758 additions and 1443 deletions
Download patch file Download diff file Expand all files Collapse all files

93
src/lib/components/rounds/create-round.svelte
View file

@ -1,36 +1,92 @@
<script lang="ts">
import { FormControl } from '$ui/form';
import FormDescription from '$ui/form/form-description.svelte';
import FormFieldErrors from '$ui/form/form-field-errors.svelte';
import FormField from '$ui/form/form-field.svelte';
import FormLabel from '$ui/form/form-label.svelte';
import RadioGroup from '$ui/radio-group/radio-group.svelte';
import RadioGroupItem from '$ui/radio-group/radio-group-item.svelte';
import { SchedulingMode } from '@/types';
import { cn } from '@/lib/utils';
import Label from '$ui/label/label.svelte';
import Card from '$ui/card/card.svelte';
import Button from '$ui/button/button.svelte';
import CardContent from '$ui/card/card-content.svelte';
import CardHeader from '$ui/card/card-header.svelte';
import Card from '$ui/card/card.svelte';
import Input from '$ui/input/input.svelte';
import Label from '$ui/label/label.svelte';
import RadioGroupItem from '$ui/radio-group/radio-group-item.svelte';
import RadioGroup from '$ui/radio-group/radio-group.svelte';
import type { Round } from '@/lib/server/db/schema/rounds';
import { cn, instanceOf } from '@/lib/utils';
import { SchedulingMode } from '@/types';
import { ArrowRightIcon, CircleQuestionMarkIcon } from 'lucide-svelte';
import { _ } from 'svelte-i18n';
import Button from '$ui/button/button.svelte';
import { ArrowRightIcon } from 'lucide-svelte';
import { toast } from 'svelte-sonner';
import { Tooltip, TooltipProvider } from '../ui/tooltip';
import TooltipContent from '../ui/tooltip/tooltip-content.svelte';
import TooltipTrigger from '../ui/tooltip/tooltip-trigger.svelte';
let { competitionId }: { competitionId: number } = $props();
let {
competitionId,
rounds = $bindable(),
showAddRound = $bindable(true)
}: { competitionId: string; rounds: Round[]; showAddRound: boolean } = $props();
let schedulingMode: SchedulingMode = $state(SchedulingMode.single);
let name = $state('');
let nameInvalid = $state(false);
let nbMatches: number | undefined = $state();
let nbMatchesInvalid = $state(false);
async function submit() {
if (name.length === 0) {
nameInvalid = true;
toast.error('Name is required');
return;
}
if (!nbMatches || nbMatches < 0) {
nbMatchesInvalid = true;
toast.error('Number of matches must be greater than 0');
return;
}
nameInvalid = false;
const response = await fetch(`/api/competitions/${competitionId}`, {
method: 'POST',
credentials: 'include',
body: JSON.stringify({ scheduling_mode: schedulingMode })
body: JSON.stringify({ scheduling_mode: schedulingMode, name: name, nb_matches: nbMatches })
});
console.log("response", response)
console.log('response', response);
// update rounds
const data = await response.json();
if (instanceOf<Round>(data, 'id')) {
rounds = [...rounds, data];
showAddRound = false;
} else {
throw new Error('Invalid round');
}
}
</script>
<div class="flex flex-col gap-4">
<div class="grid grid-cols-2 grid-rows-2 gap-4">
<Label for="name" class="text-start">Name<span class="text-red-500">*</span></Label>
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<Label for="nb_matches" class="text-start"
>Number of matches<span class="text-red-500">*</span><CircleQuestionMarkIcon /></Label
>
</TooltipTrigger>
<TooltipContent>Number of participants at the beginning of the stage.</TooltipContent>
</Tooltip>
</TooltipProvider>
<Input
aria-invalid={nameInvalid}
name="name"
type="text"
bind:value={name}
placeholder="Name"
/>
<Input
aria-invalid={nbMatchesInvalid}
name="nb_matches"
type="number"
bind:value={nbMatches}
placeholder="Number of matches"
/>
</div>
<RadioGroup
required
bind:value={() => schedulingMode, (t: SchedulingMode) => {}}
@ -38,11 +94,10 @@
>
{#each Object.values(SchedulingMode) as mode}
<button
class=
'flex h-full w-full items-center gap-4 rounded-xl'
class="flex h-full w-full items-center gap-4 rounded-xl"
onclick={() => (schedulingMode = mode)}
>
<Card class={cn("w-full", schedulingMode === mode && ' border-green-500')}>
<Card class={cn('w-full', schedulingMode === mode && ' border-green-500')}>
<CardHeader class="flex justify-between">
<Label class="text-start">{$_(mode)}</Label>
</CardHeader>