SteamWar/Website
10
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Make group round grouping configurable
SteamWarCI Build successful
Details

Browse Source 
- Add round grouping time and prefix to group view config
- Use the new settings in group display and editor defaults
This commit is contained in:
Chaoscaot
2026-05-07 16:28:51 +02:00
parent fc53376c73
commit b98f197d14
3 changed files with 60 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/moderator/pages/pages/frontmatter/ViewConfigEditor.svelte
+52 -3
View File
@@ -7,10 +7,18 @@
import { Plus, Trash2 } from "lucide-svelte";
type StageType = "GROUP" | "ELEMINATION" | "DOUBLE_ELEMINATION";
type RoundPrefix = "Runde" | "Tag";
const roundGroupingTimeOptions = [
{ label: "10 Minutes", value: 10 },
{ label: "30 Minutes", value: 30 },
{ label: "1 Hour", value: 60 },
{ label: "2 Hours", value: 120 },
{ label: "12 Hours", value: 720 },
];
type StageConfig = {
name: string;
view:
| { type: "GROUP"; groups: number[]; roundRows?: number }
| { type: "GROUP"; groups: number[]; roundRows?: number; roundGroupingTimeMinutes?: number; roundPrefix?: RoundPrefix }
| { type: "ELEMINATION"; finalFight: number }
| { type: "DOUBLE_ELEMINATION"; winnersFinalFight: number; losersFinalFight: number; grandFinalFight: number };
};
@@ -68,7 +76,7 @@
draft[key] = {
name: "New stage",
view: { type: "GROUP", groups: [], roundRows: 1 },
view: { type: "GROUP", groups: [], roundRows: 1, roundGroupingTimeMinutes: 10, roundPrefix: "Runde" },
};
});
}
@@ -105,7 +113,7 @@
function setStageType(key: string, type: StageType, event?: ExtendedEvent) {
nextConfig((draft) => {
if (type === "GROUP") {
draft[key].view = { type, groups: [], roundRows: 1 };
draft[key].view = { type, groups: [], roundRows: 1, roundGroupingTimeMinutes: 10, roundPrefix: "Runde" };
} else if (type === "ELEMINATION") {
draft[key].view = { type, finalFight: event?.fights[0]?.id ?? 0 };
} else {
@@ -139,6 +147,24 @@
});
}
function setRoundGroupingTimeMinutes(key: string, value: string) {
nextConfig((draft) => {
const view = draft[key].view;
if (view.type === "GROUP") {
view.roundGroupingTimeMinutes = Math.max(1, Math.floor(Number(value) || 10));
}
});
}
function setRoundPrefix(key: string, value: RoundPrefix) {
nextConfig((draft) => {
const view = draft[key].view;
if (view.type === "GROUP") {
view.roundPrefix = value;
}
});
}
function setFightParam(key: string, param: "finalFight" | "winnersFinalFight" | "losersFinalFight" | "grandFinalFight", fightId: string) {
nextConfig((draft) => {
const view = draft[key].view as Record<string, unknown>;
@@ -235,6 +261,29 @@
<Label>Round rows</Label>
<Input type="number" min="1" value={stage.view.roundRows ?? 1} onchange={(event) => setRoundRows(key, (event.currentTarget as HTMLInputElement).value)} />
</div>
<div class="space-y-1">
<Label>Round grouping time (minutes)</Label>
<select
class="h-9 w-full rounded-md border border-neutral-800 bg-neutral-900 px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"
value={(stage.view.roundGroupingTimeMinutes ?? 10).toString()}
onchange={(event) => setRoundGroupingTimeMinutes(key, (event.currentTarget as HTMLSelectElement).value)}
>
{#each roundGroupingTimeOptions as option}
<option value={option.value.toString()}>{option.label}</option>
{/each}
</select>
</div>
<div class="space-y-1">
<Label>Round prefix</Label>
<select
class="h-9 w-full rounded-md border border-neutral-800 bg-neutral-900 px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"
value={stage.view.roundPrefix ?? "Runde"}
onchange={(event) => setRoundPrefix(key, (event.currentTarget as HTMLSelectElement).value as RoundPrefix)}
>
<option value="Runde">Runde</option>
<option value="Tag">Tag</option>
</select>
</div>
</div>
</div>
{:else if stage.view.type === "ELEMINATION"}