Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2025-12-26 07:47:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

use innerText

Browse Source
This commit is contained in:
AlecM33
2022-12-30 15:00:44 -05:00
parent 138fc08fde
commit 6dca4ad324
3 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/modules/front_end_components/Confirmation.js
View File

@@ -1,6 +1,6 @@
import { toast } from './Toast.js';
export const Confirmation = (message, onYes = null, innerHTML = false) => {
export const Confirmation = (message, onYes = null, isDOMNode = false) => {
document.querySelector('#confirmation')?.remove();
document.querySelector('#confirmation-background')?.remove();
@@ -17,8 +17,8 @@ export const Confirmation = (message, onYes = null, innerHTML = false) => {
<button id="confirmation-yes-button" class="app-button">OK</button>
</div>`;
if (innerHTML) {
confirmation.querySelector('#confirmation-message').innerHTML = message;
if (isDOMNode) {
confirmation.querySelector('#confirmation-message').prepend(message);
} else {
confirmation.querySelector('#confirmation-message').innerText = message;
}

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

@@ -481,8 +481,9 @@ function renderPotentialMods (gameState, group, transferModHandlers, socket) {
container.setAttribute('tabindex', '0');
container.dataset.pointer = member.id;
container.innerHTML =
'<div class=\'potential-mod-name\'>' + member.name + '</div>' +
'<div class=\'potential-mod-name\'></div>' +
'<div>' + member.userType + ' ' + globals.USER_TYPE_ICONS[member.userType] + ' </div>';
container.querySelector('.potential-mod-name').innerText = member.name;
transferModHandlers[member.id] = (e) => {
if (e.type === 'click' || e.code === 'Enter') {
ModalManager.dispelModal('transfer-mod-modal', 'transfer-mod-modal-background');

21
client/src/modules/game_state/states/shared/SharedStateUtil.js
View File

@@ -133,18 +133,21 @@ export const SharedStateUtil = {
},
buildSpectatorList (spectators) {
const list = document.createElement('div');
if (spectators.length === 0) {
return '<div>Nobody currently spectating.</div>';
}
let html = '';
for (const spectator of spectators) {
html += `<div class='spectator'>
<div class='spectator-name'>` + spectator.name + '</div>' +
'<div>' + 'spectator' + globals.USER_TYPE_ICONS.spectator + `</div>
</div>`;
list.innerHTML = '<div>Nobody currently spectating.</div>';
} else {
for (const spectator of spectators) {
const spectatorEl = document.createElement('div');
spectatorEl.classList.add('spectator');
spectatorEl.innerHTML = '<div class=\'spectator-name\'></div>' +
'<div>' + 'spectator' + globals.USER_TYPE_ICONS.spectator + '</div>';
spectatorEl.querySelector('.spectator-name').innerText = spectator.name;
list.appendChild(spectatorEl);
}
}
return html;
return list;
},
setNumberOfSpectators: (number, el) => {