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

Seasonpicks: Only display hottakes before deadline
All checks were successful
Build Formula11 Docker Image / pocketbase-docker (push) Successful in 30s
Details

Browse Source
This commit is contained in:
Christoph Urlacher
2025-02-26 21:20:45 +01:00
parent f7bb4c7978
commit 99de8eec72
1 changed files with 148 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/routes/seasonpicks/+page.svelte
View File

@ -70,32 +70,46 @@
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Hottake</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Hottake</span>
</div> </div>
{#await data.seasonpicks then seasonpicks}
{#if seasonpicks.length > 0}
<!-- Drivers Champion --> <!-- Drivers Champion -->
<div class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"> <div
class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"
>
<span class="hidden text-nowrap text-sm font-bold lg:block">Drivers<br />Champion</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Drivers<br />Champion</span>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">WDC</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">WDC</span>
</div> </div>
<!-- Constructors Champion --> <!-- Constructors Champion -->
<div class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"> <div
<span class="hidden text-nowrap text-sm font-bold lg:block">Constructors<br />Champion</span> class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"
>
<span class="hidden text-nowrap text-sm font-bold lg:block"
>Constructors<br />Champion</span
>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">WCC</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">WCC</span>
</div> </div>
<!-- Overtakes --> <!-- Overtakes -->
<div class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"> <div
class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"
>
<span class="hidden text-nowrap text-sm font-bold lg:block">Most Overtakes</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Most Overtakes</span>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Overtakes</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Overtakes</span>
</div> </div>
<!-- DNFs --> <!-- DNFs -->
<div class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"> <div
class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"
>
<span class="hidden text-nowrap text-sm font-bold lg:block">Most DNFs</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Most DNFs</span>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">DNFs</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">DNFs</span>
</div> </div>
<!-- Doohan Starts --> <!-- Doohan Starts -->
<div class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"> <div
class="card mt-2 flex h-20 w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow lg:w-32"
>
<span class="hidden text-nowrap text-sm font-bold lg:block">Doohan Starts</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Doohan Starts</span>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Doohan</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Doohan</span>
</div> </div>
@ -104,7 +118,8 @@
<div <div
class="card mt-2 flex h-[360px] w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow sm:h-[220px] md:h-[150px] lg:w-32" class="card mt-2 flex h-[360px] w-7 flex-col !rounded-r-none bg-surface-300 p-2 shadow sm:h-[220px] md:h-[150px] lg:w-32"
> >
<span class="hidden text-nowrap text-sm font-bold lg:block">Team-Battle<br />Winners</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Team-Battle<br />Winners</span
>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Teamwin.</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Teamwin.</span>
</div> </div>
@ -115,6 +130,8 @@
<span class="hidden text-nowrap text-sm font-bold lg:block">Podiums</span> <span class="hidden text-nowrap text-sm font-bold lg:block">Podiums</span>
<span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Podiums</span> <span class="block rotate-90 text-nowrap text-xs font-bold lg:hidden">Podiums</span>
</div> </div>
{/if}
{/await}
</div> </div>
<!-- TODO: Datelock the guess display (except hottake for review) --> <!-- TODO: Datelock the guess display (except hottake for review) -->
@ -167,6 +184,7 @@
<div class="mx-auto w-fit text-xs font-bold lg:text-sm">{hottake?.hottake ?? "?"}</div> <div class="mx-auto w-fit text-xs font-bold lg:text-sm">{hottake?.hottake ?? "?"}</div>
</div> </div>
{#if seasonpicks.length > 0}
<!-- Drivers Champion --> <!-- Drivers Champion -->
<div class="mt-2 h-20 w-full border bg-surface-300 px-1 py-2 leading-3 lg:px-2"> <div class="mt-2 h-20 w-full border bg-surface-300 px-1 py-2 leading-3 lg:px-2">
<div class="mx-auto w-fit"> <div class="mx-auto w-fit">
@ -269,6 +287,7 @@
{/each} {/each}
</div> </div>
</div> </div>
{/if}
</div> </div>
{/each} {/each}
{/await} {/await}