show member name gray in admin dashboard if not signed up
This commit is contained in:
@ -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}
|
||||||
|
Reference in New Issue
Block a user