52 lines
1.1 KiB
JavaScript
52 lines
1.1 KiB
JavaScript
const ids = {};
|
|
["map_holder", "name", "turns", "nop", "lobby"].forEach(id => ids[id] = document.getElementById(id));
|
|
|
|
var last_map;
|
|
var last_url;
|
|
|
|
async function handle_map_click(url, event) {
|
|
if (last_map) {
|
|
last_map.classList.remove("selected");
|
|
}
|
|
last_map = event.target;
|
|
event.target.classList.add("selected");
|
|
last_url = url;
|
|
const c = await fetch(url);
|
|
ids["map_holder"].innerHTML = await c.text();
|
|
}
|
|
|
|
async function refresh_state() {
|
|
const c = await fetch("/partial/state");
|
|
ids["lobby"].innerHTML = await c.text();
|
|
}
|
|
|
|
async function start_game() {
|
|
const obj = {
|
|
"nop": parseInt(ids["nop"].value),
|
|
"name": ids["name"].value,
|
|
"map": last_url,
|
|
"max_turns": parseInt(ids["turns"].value),
|
|
};
|
|
|
|
const xhr = new XMLHttpRequest();
|
|
|
|
xhr.onreadystatechange = async function() {
|
|
console.log(this);
|
|
// TODO: make response visible
|
|
};
|
|
|
|
xhr.open("POST", "/lobby");
|
|
xhr.send(JSON.stringify(obj));
|
|
|
|
setTimeout(
|
|
() => refresh_state(),
|
|
200
|
|
);
|
|
}
|
|
|
|
window.onload = () => refresh_state();
|
|
|
|
setInterval(
|
|
() => refresh_state(),
|
|
1000
|
|
);
|