Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2026-01-02 01:03:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

add tab functionality for elements where it was missing, update styling

Browse Source
This commit is contained in:
AlecM33
2023-02-21 22:04:50 -05:00
parent f51459ac39
commit ff55c6d2d9
9 changed files with 110 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
client/src/modules/game_state/states/InProgress.js
View File

@@ -63,12 +63,16 @@ export class InProgress {
}
const spectatorCount = this.container.querySelector('#spectator-count');
const spectatorHandler = (e) => {
if (e.type === 'click' || e.code === 'Enter') {
Confirmation(SharedStateUtil.buildSpectatorList(this.stateBucket.currentGameState.people
.filter(p => p.userType === globals.USER_TYPES.SPECTATOR)), null, true);
}
};
if (spectatorCount) {
spectatorCount?.addEventListener('click', () => {
Confirmation(SharedStateUtil.buildSpectatorList(this.stateBucket.currentGameState.people.filter(p => p.userType === globals.USER_TYPES.SPECTATOR)), null, true);
});
spectatorCount?.addEventListener('click', spectatorHandler);
spectatorCount?.addEventListener('keyup', spectatorHandler);
SharedStateUtil.setNumberOfSpectators(
this.stateBucket.currentGameState.people.filter(p => p.userType === globals.USER_TYPES.SPECTATOR).length,
spectatorCount
@@ -438,15 +442,25 @@ function renderPlayerRole (gameState) {
document.querySelector('#role-description').innerText = gameState.client.gameRoleDescription;
document.getElementById('game-role-back').addEventListener('dblclick', () => {
document.getElementById('game-role').style.display = 'flex';
document.getElementById('game-role-back').style.display = 'none';
});
const roleBackHandler = (e) => {
if (e.type === 'dblclick' || e.code === 'Enter') {
document.getElementById('game-role').style.display = 'flex';
document.getElementById('game-role-back').style.display = 'none';
}
};
document.getElementById('game-role').addEventListener('dblclick', () => {
document.getElementById('game-role-back').style.display = 'flex';
document.getElementById('game-role').style.display = 'none';
});
const roleFrontHandler = (e) => {
if (e.type === 'dblclick' || e.code === 'Enter') {
document.getElementById('game-role-back').style.display = 'flex';
document.getElementById('game-role').style.display = 'none';
}
};
document.getElementById('game-role-back').addEventListener('dblclick', roleBackHandler);
document.getElementById('game-role-back').addEventListener('keyup', roleBackHandler);
document.getElementById('game-role').addEventListener('dblclick', roleFrontHandler);
document.getElementById('game-role').addEventListener('keyup', roleFrontHandler);
}
function removeExistingPlayerElements (killPlayerHandlers, revealRoleHandlers) {