Leahnaya/TableturfBattleApp
1
0
Fork 0
mirror of https://github.com/AndrioCelos/TableturfBattleApp.git synced 2026-10-03 15:55:04 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Enhance lobby UI

Browse Source
This commit is contained in:
Andrio Celos
2022-10-11 10:40:05 +11:00
parent 201376211b
commit fe9d3c3d64
3 changed files with 44 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
TableturfBattleClient/src/Pages/LobbyPage.ts
View File

@@ -43,14 +43,15 @@ function clearReady() {
}
function updatePlayerListItem(playerIndex: number) {
const player = currentGame != null ? currentGame.players[playerIndex] : null;
const listItem = playerListItems[playerIndex];
if (player != null) {
if (!currentGame?.players || playerIndex >= currentGame.players.length) {
listItem.className = 'empty';
listItem.innerText = 'Waiting...';
} else {
const player = currentGame.players[playerIndex];
listItem.innerText = player.name;
if (player.isReady)
listItem.innerText += ' (Ready)';
} else
listItem.innerText = "Waiting...";
listItem.className = player.isReady ? 'filled ready' : 'filled';
}
}
function updateDeckCount() {

2
TableturfBattleClient/src/app.ts
View File

@@ -109,9 +109,9 @@ function setupWebSocket(gameID: string, myPlayerIndex: number | null) {
playerListItems.splice(0);
for (let i = 0; i < currentGame.maxPlayers; i++) {
var el = document.createElement('li');
el.innerText = i < currentGame.players.length ? currentGame.players[i].name : 'Waiting...';
playerListItems.push(el);
playerList.appendChild(el);
updatePlayerListItem(i);
}
for (let i = 0; i < playerBars.length; i++) {