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

Racepicks: Add pxx/dnf separator in result popup + format racedate + display race pxx

Browse Source
This commit is contained in:
Christoph Urlacher
2025-01-31 00:39:04 +01:00
parent 4330bed94d
commit c222b2a63f
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/racepicks/+page.svelte
View File

@ -310,12 +310,14 @@
<span class="block rotate-90 text-sm font-bold lg:hidden"> <span class="block rotate-90 text-sm font-bold lg:hidden">
{race?.name.slice(0, 8)}{(race?.name.length ?? 8) > 8 ? "." : ""} {race?.name.slice(0, 8)}{(race?.name.length ?? 8) > 8 ? "." : ""}
</span> </span>
<span class="hidden text-sm lg:block">{race?.racedate}</span> <span class="hidden text-sm lg:block">Date: {formatdate(race?.racedate ?? "")}</span>
<span class="hidden text-sm lg:block">Guessed: P{race?.pxx}</span>
</div> </div>
<!-- The race result popup is triggered on click on the race --> <!-- The race result popup is triggered on click on the race -->
<div data-popup={race?.id ?? "Invalid"} class="card z-10 p-2 shadow"> <div data-popup={race?.id ?? "Invalid"} class="card z-10 p-2 shadow">
<div class="flex flex-col gap-1"> <span class="font-bold">Result:</span>
<div class="mt-2 flex flex-col gap-1">
{#each result.pxxs as pxx, index} {#each result.pxxs as pxx, index}
{@const driver = getdriver(pxx)} {@const driver = getdriver(pxx)}
<div class="flex gap-2"> <div class="flex gap-2">
@ -326,6 +328,10 @@
</div> </div>
{/each} {/each}
{#if result.dnfs.length > 0}
<hr class="border-black" style="border-style: inset;" />
{/if}
{#each result.dnfs as dnf} {#each result.dnfs as dnf}
{@const driver = getdriver(dnf)} {@const driver = getdriver(dnf)}
<div class="flex gap-2"> <div class="flex gap-2">