ready functionality working

This commit is contained in:
Ben Kyd
2021-04-10 01:01:51 +01:00
parent b16d8c50f0
commit a982896620
3 changed files with 33 additions and 11 deletions

View File

@@ -74,8 +74,9 @@ function drawLobby(lobby)
lobbyDiv.innerHTML += `<p>${localeString('visibility')}: ${lobby.visibility}<p>${localeString('status')}: ${lobby.state}`;
lobbyDiv.innerHTML += `<p><input type="checkbox" id="lobby-input-ready"> ${localeString('ready')}`;
lobbyDiv.innerHTML += `<input type="button" value="${localeString('button-start-game')}" onclick="startGame()" disabled>`;
lobbyDiv.innerHTML += `<input id="button-start-game" type="button" value="${localeString('button-start-game')}" onclick="startGame()" disabled>`;
lobbyDiv.innerHTML += `<input type="button" value="${localeString('button-leave-lobby')}" onclick="leaveLobby()">`
const checkbox = document.querySelector('#lobby-input-ready');
checkbox.addEventListener('change', () => {
if (checkbox.checked) socket.emit('lobby-user-ready');
@@ -257,6 +258,14 @@ socket.on('lobby-update', obj => {
if (obj.state === 'user-unready')
pageLog(`${obj.updateuser.username} ${localeString('user-is-unready')}`);
if (obj.state === 'game-ready')
document.querySelector('#button-start-game').disabled = false;
if (obj.state === 'game-unready')
document.querySelector('#button-start-game').disabled = true;
});
function leaveLobby()