diff options
| author | Kyle Gunger <corechg@gmail.com> | 2020-09-15 20:03:52 -0400 |
|---|---|---|
| committer | Kyle Gunger <corechg@gmail.com> | 2020-09-15 20:03:52 -0400 |
| commit | 2ce432034eb35f763182de03fb7b42d2a07afc4b (patch) | |
| tree | e57d7bc40d12c32c79f1f16ba669a5426ae80525 /webcards/client.html | |
| parent | 20201f77b5cf5cbb1c70b1cc51c4108d620a3202 (diff) | |
Webcards update from local git server
Diffstat (limited to 'webcards/client.html')
| -rw-r--r-- | webcards/client.html | 62 |
1 files changed, 19 insertions, 43 deletions
diff --git a/webcards/client.html b/webcards/client.html index e9cf664..c5d7cc7 100644 --- a/webcards/client.html +++ b/webcards/client.html @@ -34,6 +34,7 @@ <script src="scripts/gui/input.js"></script> <script src="scripts/gui/lobby.js"></script> <script src="scripts/gui/table.js"></script> + <script src="scripts/gui/chat.js"></script> <script src="scripts/socket/message.js"></script> <script src="scripts/socket/sock.js"></script> @@ -45,14 +46,14 @@ <body> - <div class="table" state="closed" onmouseup="md.stopDraggingAll()"> + <div class="table" state="closed"> </div> <div class="topbar" style="height: auto;"> <div class="top-buttons"> - <button id="newgame" class="top-button" onclick="game.lob.newGame()"></button> - <button id="settings" class="top-button" onclick="game.lob.mobileSettings()"></button> + <button id="newgame" class="top-button" onclick="game.lobby.newGame()"></button> + <button id="settings" class="top-button" onclick="game.lobby.mobileSettings()"></button> <button id="reset" class="top-button" onclick="game.reset()"></button> </div> @@ -113,50 +114,25 @@ </div> </div> + <div class="chat"> + <button class="toggle-chat">Toggle Chat</button> + + <div class="chat-select"> + </div> + + <div class="chat-text"> + </div> + + <div class="chat-input"> + <input type="text" placeholder="Chat..."/> + <button>Send</button> + </div> + </div> + <script> var params = new URLSearchParams((new URL(window.location)).search); var game = new Client(params.get("s"), params.get("g")); setTimeout(game.init.bind(game), 100); - - - // Live testing purposes only - var md = new MultiDrag(); - var c1 = new Card({ - all: [ - { - type: "image", - image: "assets/standard/diamond.svg" - } - ] - }); - var c2 = new Card({ - all: [ - { - type: "image", - image: "assets/standard/heart.svg" - }, - { - type: "image", - image: "assets/standard/heart.svg" - }, - { - type: "image", - image: "assets/standard/heart.svg" - } - ] - }); - var d = new Deck(); - d.appendCard(c2); - d.appendCard(c1); - function test() { - c1.e.addEventListener("mousedown", md.startDragging.bind(md)); - c1.e.addEventListener("mouseup", md.stopDraggingAll.bind(md)); - c2.e.addEventListener("mousedown", md.startDragging.bind(md)); - c2.e.addEventListener("mouseup", md.stopDraggingAll.bind(md)); - - game.tab.root.append(d.e); - game.tab.openTable(); - } </script> </body> |