diff --git a/wwwroot/app.js b/wwwroot/app.js index 959fe9f..3fab839 100644 --- a/wwwroot/app.js +++ b/wwwroot/app.js @@ -109,6 +109,7 @@ async function loadRevealData() { if (state.phase === "Reveal" || state.phase === "Vote" || state.phase === "Results") { state.allSuggestions = await api.allSuggestions(); renderAllSuggestions(); + renderPhaseTitles(); } } @@ -179,6 +180,7 @@ function renderAllSuggestions() { const allowEdit = !!state.me?.isAdmin; const allowDelete = !!state.me?.isAdmin && (state.phase === "Reveal" || state.phase === "Suggest"); state.allSuggestions.forEach((s) => list.appendChild(buildCard(s, { showAuthor: true, allowEdit, allowDelete }))); + renderPhaseTitles(); } function renderVotes() { @@ -284,6 +286,18 @@ function renderResults() { }); } +function renderPhaseTitles() { + const revealTitle = $("reveal-title"); + const voteTitle = $("vote-title"); + const totalGames = state.allSuggestions?.length ?? 0; + if (revealTitle) { + revealTitle.textContent = totalGames > 0 ? t("section.allSuggestions.count", { count: totalGames }) : t("section.allSuggestions"); + } + if (voteTitle) { + voteTitle.textContent = totalGames > 0 ? t("section.vote.count", { count: totalGames }) : t("section.vote"); + } +} + function setupHandlers() { document.querySelectorAll("[data-auth-tab]").forEach(btn => { btn.addEventListener("click", () => setAuthMode(btn.dataset.authTab)); @@ -300,6 +314,7 @@ function setupHandlers() { renderWelcome(); renderPhasePill(); renderCounts(); + renderPhaseTitles(); renderMySuggestions(); renderAllSuggestions(); if (state.phase === "Vote") { diff --git a/wwwroot/index.html b/wwwroot/index.html index 1d5667f..ef64581 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -129,14 +129,14 @@ diff --git a/wwwroot/js/i18n.js b/wwwroot/js/i18n.js index 82d8ca6..33a0060 100644 --- a/wwwroot/js/i18n.js +++ b/wwwroot/js/i18n.js @@ -48,7 +48,9 @@ const translations = { "section.mySuggestions": "Your suggestions", "section.allSuggestions": "All Suggestions", + "section.allSuggestions.count": "All {count} suggestions", "section.vote": "Vote 0-10", + "section.vote.count": "Vote for all {count} games", "section.results": "Results", "card.edit": "Edit", @@ -144,7 +146,9 @@ const translations = { "section.mySuggestions": "Deine Vorschläge", "section.allSuggestions": "Alle Vorschläge", + "section.allSuggestions.count": "Alle {count} Vorschläge", "section.vote": "Bewerten 0-10", + "section.vote.count": "Bewerte alle {count} Spiele", "section.results": "Ergebnisse", "card.edit": "Bearbeiten",