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

Data/Raceresults: Use guess colorings pxx/dnf badges

Browse Source
This commit is contained in:
Christoph Urlacher
2025-01-31 23:14:20 +01:00
parent bc6d9e7612
commit 45929e5775
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/data/raceresults/+page.svelte
View File

@ -4,6 +4,7 @@
import { Button, Table, type TableColumn } from "$lib/components";
import { get_by_value } from "$lib/database";
import type { Driver } from "$lib/schema";
import { PXX_COLORS } from "$lib/config";
let { data }: { data: PageData } = $props();
@ -32,10 +33,11 @@
valuefun: async (value: string): Promise<string> => {
const pxxs_array: string[] = value.toString().split(",");
const pxxs_codes: string[] = pxxs_array.map(
(id: string) => get_by_value(data.drivers, "id", id)?.code ?? "Invalid",
(id: string, index: number) =>
`<span class='badge mr-2' style='background: ${PXX_COLORS[index]};'>${get_by_value(data.drivers, "id", id)?.code ?? "Invalid"}</span>`,
);
return pxxs_codes.join(" - ");
return pxxs_codes.join("");
},
},
{
@ -46,10 +48,11 @@
const dnfs_array: string[] = value.toString().split(",");
const dnfs_codes: string[] = dnfs_array.map(
(id: string) => get_by_value(data.drivers, "id", id)?.code ?? "Invalid",
(id: string) =>
`<span class='badge mr-2' style='background: ${PXX_COLORS[3]}'>${get_by_value(data.drivers, "id", id)?.code ?? "Invalid"}</span>`,
);
return dnfs_codes.join(" - ");
return dnfs_codes.join("");
},
},
];