Block voting when finalized; disable sliders client-side

wwwroot/js/ui.js

@@ -152,7 +152,7 @@ export function renderVotes() {
         footer.innerHTML = `
       <div class="warning-text ${hasVote ? "hidden" : ""}" id="warn-${s.id}">${t("vote.missingWarn")}</div>
       <div class="vote-row">
-        <input class="full-slider" type="range" min="0" max="10" value="${current}" data-id="${s.id}">
+        <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>
         <span class="score-emoji" id="emoji-${s.id}">${displayEmoji}</span>
       </div>`;
@@ -161,6 +161,7 @@ export function renderVotes() {
     });
     list.querySelectorAll("input[type=range]").forEach((input) => {
         input.addEventListener("input", (e) => {
+            if (state.votesFinal) return;
             const val = Number(e.target.value);
             $("score-" + e.target.dataset.id).textContent = val;
             const emojiEl = $("emoji-" + e.target.dataset.id);
@@ -169,6 +170,7 @@ export function renderVotes() {
             if (warn) warn.classList.add("hidden");
         });
         input.addEventListener("change", async (e) => {
+            if (state.votesFinal) return;
             const suggestionId = Number(e.target.dataset.id);
             const score = Number(e.target.value);
             try {