lorem_ipsum/pages/scores.html

31 lines
1.3 KiB
HTML

<!-- Eigene Scores-Ansicht des angemeldeten Benutzers -->
<div class="card mb-4 text-start">
<!-- Header-Bereich mit Titel und Kurzbeschreibung -->
<div class="mb-4">
<h2 class="fw-bold mb-1">Meine Scores</h2>
<p class="text-muted mb-0 fs-6">Hier siehst du alle gespeicherten Scores deines Accounts.</p>
</div>
<!-- Alert-Box für Rückmeldungen (wird bei Fehlern/Info-Meldungen per js/scores.js eingeblendet) -->
<div id="scores-feedback" class="alert d-none mb-4" role="alert"></div>
<!-- Tabelle zur Auflistung der eigenen Scores -->
<div class="table-responsive">
<table class="table leaderboard-table mb-0">
<thead>
<tr>
<th scope="col">Rang</th>
<th scope="col">User</th>
<th scope="col">time</th>
<th scope="col">Score</th>
</tr>
</thead>
<!-- Tabellenkörper: Wird per js/scores.js mit den eigenen Ergebnissen des Users befüllt -->
<tbody id="scores-body">
<tr>
<td colspan="4" class="text-center text-muted py-4">Lade Scores ...</td>
</tr>
</tbody>
</table>
</div>
</div>