show member name gray in admin dashboard if not signed up

This commit is contained in:
2025-06-09 23:52:46 +02:00
parent 56deba780d
commit 8262fd90aa

View File

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { addTeam, deleteTeam, type Team, teams } from '@app/admin/teams/teams.ts'; import { deleteTeam, type Team, teams } from '@app/admin/teams/teams.ts';
import DataTable from '@components/admin/table/DataTable.svelte'; import DataTable from '@components/admin/table/DataTable.svelte';
import CrudPopup from '@components/admin/popup/CrudPopup.svelte'; import CrudPopup from '@components/admin/popup/CrudPopup.svelte';
import { confirmPopupState } from '@components/popup/ConfirmPopup.ts'; import { confirmPopupState } from '@components/popup/ConfirmPopup.ts';
@ -27,14 +27,18 @@
<div class="rounded-sm w-3 h-3" style="background-color: {value}"></div> <div class="rounded-sm w-3 h-3" style="background-color: {value}"></div>
{/snippet} {/snippet}
{#snippet signedUp(value: { id?: number; username: string })}
<span class={{ 'text-base-content/50': value.id == null }}>{value.username}</span>
{/snippet}
<DataTable <DataTable
data={teams} data={teams}
count={true} count={true}
keys={[ keys={[
{ key: 'color', label: 'Farbe', width: 5, transform: color }, { key: 'color', label: 'Farbe', width: 5, transform: color },
{ key: 'name', label: 'Name', width: 25 }, { key: 'name', label: 'Name', width: 25 },
{ key: 'memberOne.username', label: 'Spieler 1', width: 30 }, { key: 'memberOne', label: 'Spieler 1', width: 30, transform: signedUp },
{ key: 'memberTwo.username', label: 'Spieler 2', width: 30 } { key: 'memberTwo', label: 'Spieler 2', width: 30, transform: signedUp }
]} ]}
onEdit={(team) => (editPopupTeam = team)} onEdit={(team) => (editPopupTeam = team)}
onDelete={onTeamDelete} onDelete={onTeamDelete}