From 1835f9be9dae0e98076284f85df843518ea91ccc Mon Sep 17 00:00:00 2001
From: giongto35 <giongto35@yahoo.com>
Date: Tue, 9 Apr 2019 00:32:31 +0800
Subject: [PATCH] ADd room logics

---
 static/gameboy.html | 7 ++++++-
 static/js/ws.js     | 7 ++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/static/gameboy.html b/static/gameboy.html
index 4bd2c2cf..d7fb3f15 100644
--- a/static/gameboy.html
+++ b/static/gameboy.html
@@ -81,6 +81,11 @@
   <div style="position:absolute; top:30%; left: 5%;">
     <h3>Instruction</h3>
     <div>
+      Menu:
+      Left, Right to browse the game list <br />
+      V to select the game <br />
+      <br />
+      Game: <br />
       Use Up, Down, Left, Right to Move <br />
       Z to jump (A) <br />
       X to sprint (B) <br />
@@ -90,7 +95,7 @@
       S to save <br />
       L to load <br />
       <br />
-      Your current room: <b><label id="currentRoomID"></b> <br />
+      Your current room: <b><label id="currentRoomID" style="color:white"></b> <br />
         You can join a remote game by roomID.<br />
       Remote room ID: <input type="text" id="roomID"><br />
       Play as player(1,2): <select id="playerIndex">
diff --git a/static/js/ws.js b/static/js/ws.js
index 847f218e..3d779a9d 100644
--- a/static/js/ws.js
+++ b/static/js/ws.js
@@ -12,10 +12,10 @@ function startGame() {
 
     conn = new WebSocket(`ws://${location.host}/ws`);
 
+    // Clear old roomID
     conn.onopen = () => {
         log("WebSocket is opened. Send ping");
-        roomID = roomID.value
-        conn.send(JSON.stringify({"id": "ping", "data": GAME_LIST[gameIdx].nes, "room_id": roomID, "player_index": parseInt(playerIndex.value, 10)}));
+        conn.send(JSON.stringify({"id": "ping", "data": GAME_LIST[gameIdx].nes, "room_id": roomID.value, "player_index": parseInt(playerIndex.value, 10)}));
     }
 
     conn.onerror = error => {
@@ -39,7 +39,8 @@ function startGame() {
             break;
         case "start":
             log("Got start");
-            currentRoomID.value = d["room_id"]
+            roomID.value = ""
+            currentRoomID.innerText = d["room_id"]
             break;
         }
     }