christoph/svelte-formula11
1
Fork 0
Code Issues 21 Actions Packages Projects 1 Activity

Lib: Display PXX in RaceResultCard selection chips

Browse Source
This commit is contained in:
Christoph Urlacher
2025-02-04 21:22:17 +01:00
parent df993f61bc
commit 479d8aaec5
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/lib/components/cards/RaceResultCard.svelte
View File

@ -67,7 +67,10 @@
let pxxs_input: string = $state(""); let pxxs_input: string = $state("");
let pxxs_chips: string[] = $state( let pxxs_chips: string[] = $state(
result2?.pxxs.map((id: string) => get_by_value(drivers2, "id", id)?.code ?? "Invalid") ?? [], result2?.pxxs.map(
(id: string, index: number) =>
`P${(currentrace?.pxx ?? -10) + index - 3}: ${get_by_value(drivers2, "id", id)?.code ?? "Invalid"}`,
) ?? [],
); );
let dnfs_input: string = $state(""); let dnfs_input: string = $state("");
let dnfs_chips: string[] = $state( let dnfs_chips: string[] = $state(
@ -97,11 +100,14 @@
// Can only select 7 drivers // Can only select 7 drivers
if (pxxs_chips.length >= 7) return; if (pxxs_chips.length >= 7) return;
if (!pxxs_chips.includes(event.detail.value)) { // Can only select a driver once (because we display the PXX, check for string suffixes)
pxxs_chips.push(event.detail.value); if (pxxs_chips.some((label: string) => label.endsWith(event.detail.value))) return;
pxxs_input = "";
}
// Manage labels that are displayed
pxxs_chips.push(`P${(currentrace?.pxx ?? -10) + pxxs_chips.length - 3}: ${event.detail.value}`);
pxxs_input = "";
// Manage ids that are submitted via form
const id: string = get_by_value(drivers2, "code", event.detail.value)?.id ?? "Invalid"; const id: string = get_by_value(drivers2, "code", event.detail.value)?.id ?? "Invalid";
if (!pxxs_ids.includes(id)) { if (!pxxs_ids.includes(id)) {
pxxs_ids.push(id); pxxs_ids.push(id);
@ -110,16 +116,24 @@
const on_pxxs_chip_remove = (event: CustomEvent): void => { const on_pxxs_chip_remove = (event: CustomEvent): void => {
pxxs_ids.splice(event.detail.chipIndex, 1); pxxs_ids.splice(event.detail.chipIndex, 1);
pxxs_chips = pxxs_chips.map(
(label: string, index: number) =>
`P${(currentrace?.pxx ?? -10) + index - 3}: ${label.split(" ").pop()}`,
);
}; };
const on_dnfs_chip_select = (event: CustomEvent<AutocompleteOption<string>>): void => { const on_dnfs_chip_select = (event: CustomEvent<AutocompleteOption<string>>): void => {
if (disable_inputs2) return; if (disable_inputs2) return;
if (!dnfs_chips.includes(event.detail.value)) { // Can only select a driver once
dnfs_chips.push(event.detail.value); if (dnfs_chips.includes(event.detail.value)) return;
dnfs_input = "";
}
// Manage labels that are displayed
dnfs_chips.push(event.detail.value);
dnfs_input = "";
// Manage ids that are submitted via form
const id: string = get_by_value(drivers2, "code", event.detail.value)?.id ?? "Invalid"; const id: string = get_by_value(drivers2, "code", event.detail.value)?.id ?? "Invalid";
if (!dnfs_ids.includes(id)) { if (!dnfs_ids.includes(id)) {
dnfs_ids.push(id); dnfs_ids.push(id);