Adjust missing-vote text when finalized and grey out disabled sliders
This commit is contained in:
@@ -237,3 +237,15 @@ input[type="range"].full-slider::-moz-range-track {
|
|||||||
background: linear-gradient(90deg, #f28b3c, #f2c94c, #2ca25f);
|
background: linear-gradient(90deg, #f28b3c, #f2c94c, #2ca25f);
|
||||||
border: 1px solid #e3d4bd;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
@@ -78,6 +78,7 @@ const translations = {
|
|||||||
"vote.saved": "Saved vote",
|
"vote.saved": "Saved vote",
|
||||||
"vote.missing": "Missing",
|
"vote.missing": "Missing",
|
||||||
"vote.missingWarn": "You haven’t voted yet. Slide to set a score.",
|
"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.missingFooter": "At least one game is missing a score. Check before finalizing.",
|
||||||
"vote.finalize": "Finalize votes",
|
"vote.finalize": "Finalize votes",
|
||||||
"vote.unfinalize": "Edit votes",
|
"vote.unfinalize": "Edit votes",
|
||||||
@@ -202,6 +203,7 @@ const translations = {
|
|||||||
"vote.saved": "Stimme gespeichert",
|
"vote.saved": "Stimme gespeichert",
|
||||||
"vote.missing": "Fehlt",
|
"vote.missing": "Fehlt",
|
||||||
"vote.missingWarn": "Du hast hier noch nicht abgestimmt. Schiebe den Regler.",
|
"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.missingFooter": "Für mindestens einen Spiel fehlt noch eine Wertung. Prüfe vor dem Abschließen.",
|
||||||
"vote.finalize": "Abstimmung abschließen",
|
"vote.finalize": "Abstimmung abschließen",
|
||||||
"vote.unfinalize": "Abstimmung bearbeiten",
|
"vote.unfinalize": "Abstimmung bearbeiten",
|
||||||
|
|||||||
@@ -150,7 +150,7 @@ export function renderVotes() {
|
|||||||
const footer = document.createElement("div");
|
const footer = document.createElement("div");
|
||||||
footer.className = "vote-controls";
|
footer.className = "vote-controls";
|
||||||
footer.innerHTML = `
|
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">
|
<div class="vote-row">
|
||||||
<input class="full-slider" type="range" min="0" max="10" value="${current}" data-id="${s.id}" ${state.votesFinal ? "disabled" : ""}>
|
<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" id="score-${s.id}">${displayScore}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user