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

Lib: DISABLE PXX DISPLAY IN RACERESULTCARD CHIPS

Browse Source
This commit is contained in:
Christoph Urlacher
2025-02-26 22:56:28 +01:00
parent 161929f1c2
commit 3178840b02
1 changed files with 12 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -69,10 +69,7 @@
// Set the pxxs/dnfs states once the drivers are loaded // Set the pxxs/dnfs states once the drivers are loaded
data.drivers.then(async (drivers: Driver[]) => { data.drivers.then(async (drivers: Driver[]) => {
pxxs_chips = pxxs_chips =
result?.pxxs.map( result?.pxxs.map((id: string) => get_by_value(drivers, "id", id)?.code ?? "Invalid") ?? [];
(id: string, index: number) =>
`P${(currentrace?.pxx ?? -10) + index - 3}: ${get_by_value(drivers, "id", id)?.code ?? "Invalid"}`,
) ?? [];
dnfs_chips = dnfs_chips =
result?.dnfs.map((id: string) => get_by_value(drivers, "id", id)?.code ?? "Invalid") ?? []; result?.dnfs.map((id: string) => get_by_value(drivers, "id", id)?.code ?? "Invalid") ?? [];
@ -83,12 +80,7 @@
let dnfs_ids: string[] = $state(result?.dnfs ?? []); let dnfs_ids: string[] = $state(result?.dnfs ?? []);
let pxxs_options: AutocompleteOption<string>[] = $derived.by(() => let pxxs_options: AutocompleteOption<string>[] = $derived.by(() =>
(drivers ?? []) (drivers ?? []).map((driver: Driver) => {
.filter((driver: Driver) => {
// Filter out all drivers that are already selected
return !pxxs_ids.includes(driver.id);
})
.map((driver: Driver) => {
return { return {
// NOTE: Because Skeleton displays the values inside the autocomplete input, // NOTE: Because Skeleton displays the values inside the autocomplete input,
// we have to supply the driver code twice and manage a list of ids manually (ugh) // we have to supply the driver code twice and manage a list of ids manually (ugh)
@ -116,24 +108,17 @@
); );
// Event handlers // Event handlers
const on_race_select = (event: Event): void => {
pxxs_chips = pxxs_chips.map(
(label: string, index: number) =>
`P${(currentrace?.pxx ?? -10) + index - 3}: ${label.split(" ").pop()}`,
);
};
const on_pxxs_chip_select = (event: CustomEvent<AutocompleteOption<string>>): void => { const on_pxxs_chip_select = (event: CustomEvent<AutocompleteOption<string>>): void => {
if (disabled || !currentrace || !drivers) return; if (disabled || !currentrace || !drivers) return;
// Can only select 7 drivers // Can only select 7 drivers
if (pxxs_chips.length >= 7) return; if (pxxs_chips.length >= 7) return;
// Can only select a driver once (because we display the PXX, check for string suffixes) // Can only select a driver once
if (pxxs_chips.some((label: string) => label.endsWith(event.detail.value))) return; if (pxxs_chips.includes(event.detail.value)) return;
// Manage labels that are displayed // Manage labels that are displayed
pxxs_chips.push(`P${currentrace.pxx + pxxs_chips.length - 3}: ${event.detail.value}`); pxxs_chips.push(event.detail.value);
pxxs_input = ""; pxxs_input = "";
// Manage ids that are submitted via form // Manage ids that are submitted via form
@ -145,11 +130,6 @@
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 => {
@ -233,7 +213,6 @@
name="race" name="race"
bind:value={race_select_value} bind:value={race_select_value}
options={race_dropdown_options(races)} options={race_dropdown_options(races)}
onchange={on_race_select}
{labelwidth} {labelwidth}
{disabled} {disabled}
{required} {required}