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 HTMLFragments

Browse Source
This commit is contained in:
AlecM33
2022-12-13 14:14:34 -05:00
parent 25897f985f
commit 064bf864fc
1 changed files with 1 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,41 +9,7 @@ export class Lobby {
this.stateBucket = stateBucket;
this.socket = socket;
this.container = document.getElementById(containerId);
this.components = {
HTML:
`<div id='lobby-header'>
<div>
<label for='game-link'>Share Link</label>
<div tabindex='0' id='game-link'></div>
<div id='game-code'></div>
</div>
<div>
<canvas id="canvas"></canvas>
<div id='game-parameters'>
<div>
<img alt='clock' src='/images/clock.svg'/>
<div id='game-time'></div>
</div>
<div>
<img alt='person' src='/images/person.svg'/>
<div id='game-player-count'></div>
</div>
</div>
</div>
<div>
<button id='role-info-button' class='app-button'>Roles in This Game <img src='/images/info.svg'/></button>
</div>
</div>
<div>
<div id='lobby-people-container'>
<label for='lobby-players'>Other People</label>
<div id='lobby-players'></div>
</div>
<div id='lobby-footer'>
<div id='game-deck'></div>
</div>
</div>`
};
this.container.innerHTML = HTMLFragments.LOBBY;
this.startGameHandler = (e) => {
e.preventDefault();
@@ -59,8 +25,6 @@ export class Lobby {
);
});
};
this.container.innerHTML = this.components.HTML;
}
populateHeader () {