tab to mod trasnferrable people

This commit is contained in:
AlecM33
2022-01-18 20:44:10 -05:00
parent aa6e1763e2
commit a82665986d
2 changed files with 8 additions and 4 deletions

View File

@@ -254,15 +254,19 @@ function renderPotentialMods (gameState, group, transferModHandlers, socket) {
if ((member.out || member.userType === globals.USER_TYPES.SPECTATOR) && !(member.id === gameState.client.id)) {
const container = document.createElement('div');
container.classList.add('potential-moderator');
container.setAttribute("tabindex", "0");
container.dataset.pointer = member.id;
container.innerText = member.name;
transferModHandlers[member.id] = () => {
if (confirm('Transfer moderator powers to ' + member.name + '?')) {
socket.emit(globals.COMMANDS.TRANSFER_MODERATOR, gameState.accessCode, member.id);
transferModHandlers[member.id] = (e) => {
if (e.type === 'click' || e.code === 'Enter') {
if (confirm('Transfer moderator powers to ' + member.name + '?')) {
socket.emit(globals.COMMANDS.TRANSFER_MODERATOR, gameState.accessCode, member.id);
}
}
};
container.addEventListener('click', transferModHandlers[member.id]);
container.addEventListener('keyup', transferModHandlers[member.id]);
modalContent.appendChild(container);
}
}

View File

@@ -75,7 +75,7 @@ export const templates = {
'</div>',
MODERATOR_GAME_VIEW:
"<div id='transfer-mod-modal-background' class='modal-background' style='display: none'></div>" +
"<div id='transfer-mod-modal' class='modal' style='display: none'>" +
"<div tabindex='-1' id='transfer-mod-modal' class='modal' style='display: none'>" +
'<h3>Transfer Mod Powers &#128081;</h3>' +
"<div id='transfer-mod-modal-content'></div>" +
"<div class='modal-button-container'>" +