diff options
| author | LarsVomMars | 2020-10-02 23:29:06 +0200 |
|---|---|---|
| committer | LarsVomMars | 2020-10-02 23:29:06 +0200 |
| commit | c80656abf09459c8b13c9cdb33c9a8d3a8cee502 (patch) | |
| tree | eb050aa708a1ab5e951e247153b8abe58401261b /mottovote/public | |
| parent | 970dfec33a2cd53ad72ba0da59c129f65d6032f6 (diff) | |
Added basic voting
Diffstat (limited to 'mottovote/public')
| -rw-r--r-- | mottovote/public/index.html | 15 | ||||
| -rw-r--r-- | mottovote/public/script.js | 49 |
2 files changed, 64 insertions, 0 deletions
diff --git a/mottovote/public/index.html b/mottovote/public/index.html new file mode 100644 index 0000000..27ea837 --- /dev/null +++ b/mottovote/public/index.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Motto Vote</title> +</head> +<body> + + <div id="vote"></div> + <button id="voteButton">Vote!</button> + + <script src="script.js"></script> +</body> +</html>
\ No newline at end of file diff --git a/mottovote/public/script.js b/mottovote/public/script.js new file mode 100644 index 0000000..7216af4 --- /dev/null +++ b/mottovote/public/script.js @@ -0,0 +1,49 @@ +get(); + +async function get() { + const resp = await fetch("api/list"); + const mottos = await resp.json(); + + for (const motto of mottos) { + const row = document.createElement("div"); + const id = motto.id; + + const cb = document.createElement("input"); + cb.type = "checkbox"; + cb.id = "motto" + id; + cb.name = id; + + const label = document.createElement("label"); + label.for = "motto" + id; + label.textContent = `${motto.name} ${motto.description ? "-" : ""} ${motto.description}` + + row.append(cb, label); + window.vote.appendChild(row); + } + addListeners(); +} + +function addListeners() { + // Only allow 3 votes + const boxes = document.querySelectorAll("input[type=checkbox]"); + boxes.forEach((box) => { + box.addEventListener("change", (evt) => { + const checkedSiblings = document.querySelectorAll("input[type=checkbox]:checked"); + if (checkedSiblings.length > 3) evt.target.checked = false; + }); + }); + + window.voteButton.addEventListener("click", async () => { + const checked = document.querySelectorAll("input[type=checkbox]:checked"); + if (checked.length !== 3) return; + const req = {}; + for (const box of checked) req[box.name] = 1; // Amount of votes + const resp = await fetch("api/vote", { + method: "PUT", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(req), + }); + console.log(await resp.text()); + + }); +}
\ No newline at end of file |