Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2025-12-26 15:57: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'; 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')?.remove();
document.querySelector('#confirmation-background')?.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> <button id="confirmation-yes-button" class="app-button">OK</button>
</div>`; </div>`;
if (innerHTML) { if (isDOMNode) {
confirmation.querySelector('#confirmation-message').innerHTML = message; confirmation.querySelector('#confirmation-message').prepend(message);
} else { } else {
confirmation.querySelector('#confirmation-message').innerText = message; 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.setAttribute('tabindex', '0');
container.dataset.pointer = member.id; container.dataset.pointer = member.id;
container.innerHTML = 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>'; '<div>' + member.userType + ' ' + globals.USER_TYPE_ICONS[member.userType] + ' </div>';
container.querySelector('.potential-mod-name').innerText = member.name;
transferModHandlers[member.id] = (e) => { transferModHandlers[member.id] = (e) => {
if (e.type === 'click' || e.code === 'Enter') { if (e.type === 'click' || e.code === 'Enter') {
ModalManager.dispelModal('transfer-mod-modal', 'transfer-mod-modal-background'); 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) { buildSpectatorList (spectators) {
const list = document.createElement('div');
if (spectators.length === 0) { if (spectators.length === 0) {
return '<div>Nobody currently spectating.</div>'; list.innerHTML = '<div>Nobody currently spectating.</div>';
} } else {
let html = ''; for (const spectator of spectators) {
for (const spectator of spectators) { const spectatorEl = document.createElement('div');
html += `<div class='spectator'> spectatorEl.classList.add('spectator');
<div class='spectator-name'>` + spectator.name + '</div>' + spectatorEl.innerHTML = '<div class=\'spectator-name\'></div>' +
'<div>' + 'spectator' + globals.USER_TYPE_ICONS.spectator + `</div> '<div>' + 'spectator' + globals.USER_TYPE_ICONS.spectator + '</div>';
</div>`; spectatorEl.querySelector('.spectator-name').innerText = spectator.name;
list.appendChild(spectatorEl);
}
} }
return html; return list;
}, },
setNumberOfSpectators: (number, el) => { setNumberOfSpectators: (number, el) => {