126 lines
4.2 KiB
JavaScript
126 lines
4.2 KiB
JavaScript
let vote = {
|
|
plus_player_id: null,
|
|
plus_nickname: "",
|
|
plus_reason: "",
|
|
minus_player_id: null,
|
|
minus_nickname: "",
|
|
minus_reason: ""
|
|
}
|
|
|
|
let current_page = 0;
|
|
|
|
async function main() {
|
|
if (read_cookie()) {
|
|
showMessage("Merci pour ton vote!", "Ton vote a bien été prit en compte.", false, "info");
|
|
return;
|
|
}
|
|
let players = await fetch("/data/players").then(r => r.json());
|
|
let select = document.getElementById("player_id");
|
|
let nickname = document.getElementById("nickname");
|
|
let reason = document.getElementById("reason");
|
|
players.forEach((x) => {
|
|
let option = document.createElement("option");
|
|
option.value = x["id"];
|
|
option.textContent = x["name"];
|
|
select.append(option);
|
|
})
|
|
select.value = null;
|
|
nickname.value = "";
|
|
reason.value = "";
|
|
select.addEventListener("change", () => {
|
|
if (current_page) {
|
|
vote.minus_player_id = parseInt(select.value);
|
|
} else {
|
|
vote.plus_player_id = parseInt(select.value);
|
|
}
|
|
})
|
|
nickname.addEventListener("change", () => {
|
|
if (current_page) {
|
|
vote.minus_nickname = nickname.value;
|
|
} else {
|
|
vote.plus_nickname = nickname.value;
|
|
}
|
|
})
|
|
reason.addEventListener("change", () => {
|
|
if (current_page) {
|
|
vote.minus_reason = reason.value;
|
|
} else {
|
|
vote.plus_reason = reason.value;
|
|
}
|
|
})
|
|
let rightButton = document.getElementById("next");
|
|
let leftButton = document.getElementById("prev");
|
|
let title = document.getElementById("app_title");
|
|
rightButton.addEventListener("click", async () => {
|
|
if (current_page) {
|
|
if (vote.minus_player_id === null) {
|
|
showMessage("Bah alors, on sait pas pour qui voter?",
|
|
"Il semblerait que tu aies oublié de sélectionner quelqu'un pour ton vote!",
|
|
true, "warning");
|
|
return;
|
|
}
|
|
if (await fetch("/vote", {
|
|
method: "post", body: JSON.stringify(vote)
|
|
})
|
|
.then(r => r.status) === 200) {
|
|
set_cookie();
|
|
showMessage("Merci pour ton vote!", "Ton vote a bien été prit en compte.", false, "info");
|
|
}
|
|
console.log(vote);
|
|
} else {
|
|
if (vote.plus_player_id === null) {
|
|
showMessage("Bah alors, on sait pas pour qui voter?",
|
|
"Il semblerait que tu aies oublié de sélectionner quelqu'un pour ton vote!",
|
|
true, "warning");
|
|
return;
|
|
}
|
|
rightButton.textContent = "À voté!";
|
|
title.textContent = "Vote -";
|
|
current_page = 1;
|
|
leftButton.hidden = false;
|
|
select.value = vote.minus_player_id;
|
|
nickname.value = vote.minus_nickname;
|
|
reason.value = vote.minus_reason;
|
|
}
|
|
})
|
|
leftButton.addEventListener("click", () => {
|
|
if (current_page) {
|
|
current_page = 0;
|
|
title.textContent = "Vote +";
|
|
rightButton.textContent = "Suivant";
|
|
leftButton.hidden = true;
|
|
select.value = vote.plus_player_id;
|
|
nickname.value = vote.plus_nickname;
|
|
reason.value = vote.plus_reason;
|
|
}
|
|
})
|
|
}
|
|
|
|
function showMessage(title, description, canBeDismissed, type) {
|
|
let notification = document.getElementById("notification");
|
|
notification.hidden = false;
|
|
let notificationTitle = document.getElementById("title");
|
|
notificationTitle.textContent = title;
|
|
notificationTitle.classList.add(type);
|
|
let detail = document.getElementById("detail");
|
|
detail.textContent = description;
|
|
let close = document.getElementById("close");
|
|
close.hidden = !canBeDismissed;
|
|
close.addEventListener("click", () => {
|
|
notification.hidden = true;
|
|
})
|
|
}
|
|
|
|
function set_cookie() {
|
|
let date = new Date(Date.now());
|
|
date.setDate(date.getDate() + 1);
|
|
date.setHours(0, 0,0);
|
|
console.log(date);
|
|
document.cookie = `hasvoted=true; expires=${date.toUTCString()}; path=/`;
|
|
}
|
|
|
|
function read_cookie() {
|
|
return document.cookie.includes("hasvoted=true");
|
|
}
|
|
|
|
let _ = main(); |