CraftAttack/varo-website
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update teams table

Browse Source
This commit is contained in:
bytedream 2025-06-03 23:59:28 +02:00
parent c1dcaf05bf
commit a8a6424098
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/website/index/Teams.svelte
View File

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import Skeleton from '@assets/img/steve.png';
import Steve from '@assets/img/steve.png'; import Steve from '@assets/img/steve.png';
import type { GetDeathsRes } from '@db/schema/death.ts'; import type { GetDeathsRes } from '@db/schema/death.ts';
import { type ActionReturnType, actions } from 'astro:actions'; import { type ActionReturnType, actions } from 'astro:actions';
@ -27,30 +28,29 @@
<td> <td>
<div class="flex items-center gap-x-2"> <div class="flex items-center gap-x-2">
<div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div> <div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div>
<h3 class="text-xs sm:text-xl">{team.name}</h3> <h3 class="text-xs sm:text-xl" class:text-red-200={!team.memberOne.id || !team.memberTwo.id}>
{team.name}
</h3>
</div> </div>
{#if !team.memberOne.id || !team.memberTwo.id}
<span>Team unvollständig</span>
{/if}
</td> </td>
<td class="max-w-9 overflow-ellipsis"> <td class="max-w-9 overflow-ellipsis">
{#if team.memberOne.id} {#if team.memberOne.id}
{@const dead = deaths.findIndex((d) => d.deadUserId === team.memberOne.id)}
<div class="flex items-center gap-x-2"> <div class="flex items-center gap-x-2">
<img class="w-4 h-4 pixelated" src={Steve.src} alt="head" /> <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
<span <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberOne.username}</span>
class="text-xs sm:text-md"
class:line-through={deaths.find((d) => d.deadUserId === team.memberOne.id)}
>{team.memberOne.username}</span
>
</div> </div>
{/if} {/if}
</td> </td>
<td> <td>
{#if team.memberTwo.id} {#if team.memberTwo.id}
{@const dead = deaths.findIndex((d) => d.deadUserId === team.memberTwo.id)}
<div class="flex items-center gap-x-2"> <div class="flex items-center gap-x-2">
<img class="w-4 h-4 pixelated" src={Steve.src} alt="head" /> <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
<span <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberTwo.username}</span>
class="text-xs sm:text-md"
class:line-through={deaths.find((d) => d.deadUserId === team.memberTwo.id)}
>{team.memberTwo.username}</span
>
</div> </div>
{/if} {/if}
</td> </td>