Adjust missing-vote text when finalized and grey out disabled sliders

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",

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>