From 731c8f5cb5b053baf77f7ee02f2a64bd8ba62fbb Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Wed, 4 Feb 2026 23:20:50 +0100
Subject: [PATCH] Adjust missing-vote text when finalized and grey out disabled
 sliders

---
 wwwroot/css/components.css | 12 ++++++++++++
 wwwroot/js/i18n.js         |  2 ++
 wwwroot/js/ui.js           |  2 +-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/wwwroot/css/components.css b/wwwroot/css/components.css
index e89610f..fbd83b3 100644
--- a/wwwroot/css/components.css
+++ b/wwwroot/css/components.css
@@ -237,3 +237,15 @@ input[type="range"].full-slider::-moz-range-track {
     background: linear-gradient(90deg, #f28b3c, #f2c94c, #2ca25f);
     border: 1px solid #e3d4bd;
 }
+
+input[type="range"].full-slider:disabled {
+    background: #c9c9c9;
+}
+input[type="range"].full-slider:disabled::-webkit-slider-thumb {
+    background: #f1f1f1;
+    border-color: #c1c1c1;
+}
+input[type="range"].full-slider:disabled::-moz-range-thumb {
+    background: #f1f1f1;
+    border-color: #c1c1c1;
+}
diff --git a/wwwroot/js/i18n.js b/wwwroot/js/i18n.js
index 1196351..0757be8 100644
--- a/wwwroot/js/i18n.js
+++ b/wwwroot/js/i18n.js
@@ -78,6 +78,7 @@ const translations = {
     "vote.saved": "Saved vote",
     "vote.missing": "Missing",
     "vote.missingWarn": "You haven’t voted yet. Slide to set a score.",
+    "vote.missingFinalWarn": "You didn't vote for this game.",
     "vote.missingFooter": "At least one game is missing a score. Check before finalizing.",
     "vote.finalize": "Finalize votes",
     "vote.unfinalize": "Edit votes",
@@ -202,6 +203,7 @@ const translations = {
     "vote.saved": "Stimme gespeichert",
     "vote.missing": "Fehlt",
     "vote.missingWarn": "Du hast hier noch nicht abgestimmt. Schiebe den Regler.",
+    "vote.missingFinalWarn": "Du hast für dieses Spiel nicht abgestimmt.",
     "vote.missingFooter": "Für mindestens einen Spiel fehlt noch eine Wertung. Prüfe vor dem Abschließen.",
     "vote.finalize": "Abstimmung abschließen",
     "vote.unfinalize": "Abstimmung bearbeiten",
diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js
index 83ee8dc..1a69601 100644
--- a/wwwroot/js/ui.js
+++ b/wwwroot/js/ui.js
@@ -150,7 +150,7 @@ export function renderVotes() {
         const footer = document.createElement("div");
         footer.className = "vote-controls";
         footer.innerHTML = `
-      <div class="warning-text ${hasVote ? "hidden" : ""}" id="warn-${s.id}">${t("vote.missingWarn")}</div>
+      <div class="warning-text ${hasVote ? "hidden" : ""}" id="warn-${s.id}">${state.votesFinal ? t("vote.missingFinalWarn") : t("vote.missingWarn")}</div>
       <div class="vote-row">
         <input class="full-slider" type="range" min="0" max="10" value="${current}" data-id="${s.id}" ${state.votesFinal ? "disabled" : ""}>
         <span class="score" id="score-${s.id}">${displayScore}</span>