blob: 5e71786f6a5beb848aba1a91edfc8f8e1bd1c4da (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
"use strict"
const showGame = (g) => {
const tmpl = document.querySelector("template#tmpl")
const disp = document.querySelector("#game")
const clone = document.importNode(tmpl.content, true)
doDistance(clone, g.Distance.Value)
disp.replaceChildren(clone)
};
const doDistance = (clone, value) => {
clone.querySelector(".distance").setAttribute("data-value", value);
[...clone.querySelectorAll(".distance .sakura")].map((n, i) => {
if (i < value) {
n.checked = true
} else {
n.checked = false
}
})
}
const connect = (gameId) => {
const connection = new WebSocket(`/api/game/${gameId}/connect`);
window.socket = connection;
connection.addEventListener("message", (ev) => {
const game = JSON.parse(ev.data);
console.debug(game);
showGame(game);
document.querySelector("#game-json").innerText =
JSON.stringify(ev.data, null, 2);
});
}
const init = () => {
const id = window.location.hash.slice(1)
connect(id)
}
init()
|
