masterElmar/hitstar
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update player handling and dashboard display in client and server

Browse Source
This commit is contained in:
Elmar Kresse
2025-09-04 10:32:59 +02:00
parent b567187a77
commit edaf9ea94e
4 changed files with 161 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/index.html
View File

@@ -46,9 +46,29 @@
<div class="text-slate-700 dark:text-slate-300">Dein Name: <strong id="nameDisplay" class="font-semibold"></strong></div>
<!-- Expandable Dashboard: player statuses and scores -->
<div>
<h3 class="text-sm font-semibold text-slate-500 uppercase tracking-wide">Spieler</h3>
<div id="players" class="mt-2 flex flex-wrap gap-2"></div>
<details id="dashboard" class="rounded-lg border border-slate-200 dark:border-slate-800 bg-white/60 dark:bg-slate-900/40 p-3">
<summary class="cursor-pointer select-none text-sm font-semibold text-slate-700 dark:text-slate-300 flex items-center gap-2">
<span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-indigo-600 text-white text-[11px] font-bold">i</span>
Dashboard: Spielerstatus & Punkte
</summary>
<div class="mt-3 overflow-x-auto">
<table class="min-w-full text-sm">
<thead class="text-left text-slate-500 dark:text-slate-400">
<tr>
<th class="py-2 pr-3">Spieler</th>
<th class="py-2 pr-3">Verbindung</th>
<th class="py-2 pr-3">Ready</th>
<th class="py-2 pr-3">Score</th>
</tr>
</thead>
<tbody id="dashboardList" class="divide-y divide-slate-200 dark:divide-slate-800"></tbody>
</table>
</div>
</details>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-start">