Show resetting state after game end

This commit is contained in:
2026-09-19 22:50:17 -04:00
parent f975911204
commit 5985959882
7 changed files with 88 additions and 9 deletions
+9 -2
View File
@@ -76,11 +76,13 @@
let gtLabel = $derived(gametypeLabel(gametype));
let activeElapsed = $derived(activeSince ? elapsedSince(activeSince, $uiNow) : null);
let resetting = $derived(!!gameEndedAt && players !== 0);
let resetElapsed = $derived(resetting ? elapsedSince(gameEndedAt, $uiNow) : null);
let inactiveElapsed = $derived(inactiveSince ? elapsedSince(inactiveSince, $uiNow) : null);
let gameInProgress = $derived(!!gameStartedAt && !gameEndedAt && !!activeSince);
let gameElapsed = $derived(gameInProgress ? elapsedSince(gameStartedAt, $uiNow) : null);
let showTiming = $derived(
health === 'online' && (activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
health === 'online' && (resetting || activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
);
// Shared-element transition to /servers/{name} — Chromium only, others
@@ -134,7 +136,12 @@
{#if showTiming && !(compactEmpty && players === 0)}
<div class="timing">
{#if activeElapsed}
{#if resetting}
<div class="metric">
<span class="metric-label">Resetting</span>
<span class="metric-value">{resetElapsed}</span>
</div>
{:else if activeElapsed}
<div class="metric">
<span class="metric-label">Active</span>
<span class="metric-value">{activeElapsed}</span>