X-Git-Url: https://git.cworth.org/git?p=empires-html;a=blobdiff_plain;f=empires-client.js;h=a0df9134df1e87de86b9e722a07a141bc6606397;hp=617e821dbbc05e670258934fa784062c3441e5c2;hb=HEAD;hpb=b783f37012c917117b4ece1a523f1681e16f3c56 diff --git a/empires-client.js b/empires-client.js index 617e821..a0df913 100644 --- a/empires-client.js +++ b/empires-client.js @@ -27,6 +27,38 @@ function register(form) { form.reset(); } +function toggle_host_tools() { + const host_tools = document.getElementById("host-tools"); + + console.log("Toggling, host_tools.style.display is '" + host_tools.style.display + "'"); + + if (host_tools.style.display === "block") + host_tools.style.display = "none"; + else + host_tools.style.display = "block"; +} + +function post_reveal() { + const request = new XMLHttpRequest(); + + request.open("POST", API + "reveal"); + request.send(); +} + +function post_start() { + const request = new XMLHttpRequest(); + + request.open("POST", API + "start"); + request.send(); +} + +function post_reset() { + const request = new XMLHttpRequest(); + + request.open("POST", API + "reset"); + request.send(); +} + const events = new EventSource(API + "events"); events.onerror = function(event) { @@ -36,6 +68,7 @@ events.onerror = function(event) { }; events.addEventListener("players", function(event) { + const players_div = document.getElementById("players-div"); const players_element = document.getElementById("players"); const players = JSON.parse(event.data); @@ -46,9 +79,13 @@ events.addEventListener("players", function(event) { li.innerText = player.name; players_element.appendChild(li); } + + /* Force players list to be visible. */ + players_div.style.display = "block"; }); events.addEventListener("player-join", function(event) { + const players_div = document.getElementById("players-div"); const players = document.getElementById("players"); const player = JSON.parse(event.data); @@ -57,7 +94,8 @@ events.addEventListener("player-join", function(event) { li.innerText = player.name; players.appendChild(li); - add_message("success", player.name + " is now in the game!"); + /* Force players list to be visible. */ + players_div.style.display = "block"; }); events.addEventListener("player-leave", function(event) {