Results page back button + typo fix when only one vote.

This commit is contained in:
2024-10-19 12:33:23 +02:00
parent 3e5d185da1
commit 344ebd6010

View File

@@ -36,12 +36,17 @@ function show_plus(id, votes, players) {
minus.addEventListener("click", () => {show_minus(id, votes, players)}) minus.addEventListener("click", () => {show_minus(id, votes, players)})
minus.className = "right"; minus.className = "right";
let prev = document.createElement("button");
prev.textContent = "Vote précédent";
prev.addEventListener("click", () => {show_plus(id-1, votes, players)});
prev.className = "left";
const p = document.createElement("h2"); const p = document.createElement("h2");
if (nickname === "") { if (nickname === "") {
p.innerHTML = `${player}`; p.innerHTML = `${player}`;
} }
else { else {
p.innerHTML = `${nickname} (${player})` p.innerHTML = `${nickname} (${player})`;
} }
const r = document.createElement("p"); const r = document.createElement("p");
@@ -52,7 +57,10 @@ function show_plus(id, votes, players) {
const buttons = document.createElement("div"); const buttons = document.createElement("div");
buttons.className = "buttons"; buttons.className = "buttons";
buttons.append(minus) if (id-1>=0) {
buttons.append(prev);
}
buttons.append(minus);
app.append(head, p, r, buttons); app.append(head, p, r, buttons);
} }
@@ -84,12 +92,17 @@ function show_minus(id, votes, players) {
}) })
next.className = "right"; next.className = "right";
let prev = document.createElement("button");
prev.textContent = "Vote précédent";
prev.addEventListener("click", () => {show_plus(id-1, votes, players)});
prev.className = "left";
const p = document.createElement("h2"); const p = document.createElement("h2");
if (nickname === "") { if (nickname === "") {
p.innerHTML = `${player}`; p.innerHTML = `${player}`;
} }
else { else {
p.innerHTML = `${nickname} (${player})` p.innerHTML = `${nickname} (${player})`;
} }
const r = document.createElement("p"); const r = document.createElement("p");
@@ -100,7 +113,10 @@ function show_minus(id, votes, players) {
const buttons = document.createElement("div"); const buttons = document.createElement("div");
buttons.className = "buttons"; buttons.className = "buttons";
buttons.append(next) if (id-1>=0) {
buttons.append(prev);
}
buttons.append(next);
app.append(head, p, r, buttons); app.append(head, p, r, buttons);
} }
@@ -137,7 +153,7 @@ async function show_results(players) {
app.append(place); app.append(place);
} }
const result = document.createElement("h3"); const result = document.createElement("h3");
result.textContent = `${player} avec ${p[1]} votes!`; result.textContent = `${player} avec ${p[1]} vote${p[1] > 1? 's' : ''}!`;
app.append(result); app.append(result);
} }
const sep = document.createElement("hr"); const sep = document.createElement("hr");
@@ -164,7 +180,7 @@ async function show_results(players) {
app.append(place); app.append(place);
} }
const result = document.createElement("h3"); const result = document.createElement("h3");
result.textContent = `${player} avec ${score} votes!`; result.textContent = `${player} avec ${score} vote${score > 1 ?'s': ''}!`;
app.append(result); app.append(result);
} }
} }