ravithejads commited on
Commit
2bdee50
·
verified ·
1 Parent(s): faf907f

Upload 6 files

Browse files
Files changed (2) hide show
  1. room_game.html +0 -31
  2. room_game.js +1 -12
room_game.html CHANGED
@@ -75,30 +75,6 @@
75
  margin-bottom: 10px;
76
  }
77
 
78
- .markdown-panel {
79
- flex: 0 0 300px;
80
- background: #222;
81
- border: 1px solid #444;
82
- border-radius: 5px;
83
- overflow: hidden;
84
- }
85
-
86
- .markdown-header {
87
- background: #333;
88
- padding: 10px;
89
- text-align: center;
90
- color: #00ccff;
91
- font-weight: bold;
92
- }
93
-
94
- .markdown-content {
95
- padding: 15px;
96
- font-size: 12px;
97
- line-height: 1.4;
98
- max-height: 600px;
99
- overflow-y: auto;
100
- white-space: pre-wrap;
101
- }
102
 
103
  .game-board {
104
  flex: 1;
@@ -283,13 +259,6 @@
283
  </div>
284
  </div>
285
 
286
- <!-- Markdown Display Panel -->
287
- <div class="markdown-panel">
288
- <div class="markdown-header">📝 Game State (Markdown)</div>
289
- <div class="markdown-content" id="markdownContent">
290
- Select or create a room to see the markdown representation...
291
- </div>
292
- </div>
293
 
294
  <!-- Game Board -->
295
  <div class="game-board">
 
75
  margin-bottom: 10px;
76
  }
77
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
78
 
79
  .game-board {
80
  flex: 1;
 
259
  </div>
260
  </div>
261
 
 
 
 
 
 
 
 
262
 
263
  <!-- Game Board -->
264
  <div class="game-board">
room_game.js CHANGED
@@ -5,7 +5,6 @@ class RoomTicTacToeGame {
5
  this.cells = document.querySelectorAll('.cell');
6
  this.gameStatus = document.getElementById('gameStatus');
7
  this.roomInfo = document.getElementById('roomInfo');
8
- this.markdownContent = document.getElementById('markdownContent');
9
  this.chatMessages = document.getElementById('chatMessages');
10
  this.chatInput = document.getElementById('chatInput');
11
  this.sendBtn = document.getElementById('sendBtn');
@@ -84,7 +83,6 @@ class RoomTicTacToeGame {
84
 
85
  // Update display
86
  this.updateDisplay();
87
- this.updateMarkdown(data.markdown);
88
  this.loadChatHistory();
89
 
90
  this.gameStatus.textContent = `Joined room ${roomId}!`;
@@ -110,7 +108,6 @@ class RoomTicTacToeGame {
110
  this.clearBoard();
111
  this.gameStatus.textContent = "Create or join a room to start playing!";
112
  this.updateRoomInfo();
113
- this.markdownContent.textContent = "Select or create a room to see the markdown representation...";
114
 
115
  // Clear chat
116
  this.chatMessages.innerHTML = `
@@ -139,7 +136,6 @@ class RoomTicTacToeGame {
139
  const data = await response.json();
140
  this.roomData = data.room_data;
141
  this.updateDisplay();
142
- this.updateMarkdown(data.markdown);
143
 
144
  } catch (error) {
145
  console.error('Failed to refresh room:', error);
@@ -178,7 +174,6 @@ class RoomTicTacToeGame {
178
  const data = await response.json();
179
  this.roomData = data.room_data;
180
  this.updateDisplay();
181
- this.updateMarkdown(data.markdown);
182
  this.loadChatHistory(); // Reload chat to get AI's move message
183
 
184
  if (this.roomData.game_status === 'active') {
@@ -223,8 +218,7 @@ class RoomTicTacToeGame {
223
 
224
  const data = await response.json();
225
  this.roomData = data.room_data;
226
- this.updateMarkdown(data.markdown);
227
- this.loadChatHistory();
228
 
229
  } catch (error) {
230
  console.error('Chat failed:', error);
@@ -280,11 +274,6 @@ class RoomTicTacToeGame {
280
  `;
281
  }
282
 
283
- updateMarkdown(markdown) {
284
- if (markdown) {
285
- this.markdownContent.textContent = markdown;
286
- }
287
- }
288
 
289
  loadChatHistory() {
290
  if (!this.roomData || !this.roomData.chat_history) return;
 
5
  this.cells = document.querySelectorAll('.cell');
6
  this.gameStatus = document.getElementById('gameStatus');
7
  this.roomInfo = document.getElementById('roomInfo');
 
8
  this.chatMessages = document.getElementById('chatMessages');
9
  this.chatInput = document.getElementById('chatInput');
10
  this.sendBtn = document.getElementById('sendBtn');
 
83
 
84
  // Update display
85
  this.updateDisplay();
 
86
  this.loadChatHistory();
87
 
88
  this.gameStatus.textContent = `Joined room ${roomId}!`;
 
108
  this.clearBoard();
109
  this.gameStatus.textContent = "Create or join a room to start playing!";
110
  this.updateRoomInfo();
 
111
 
112
  // Clear chat
113
  this.chatMessages.innerHTML = `
 
136
  const data = await response.json();
137
  this.roomData = data.room_data;
138
  this.updateDisplay();
 
139
 
140
  } catch (error) {
141
  console.error('Failed to refresh room:', error);
 
174
  const data = await response.json();
175
  this.roomData = data.room_data;
176
  this.updateDisplay();
 
177
  this.loadChatHistory(); // Reload chat to get AI's move message
178
 
179
  if (this.roomData.game_status === 'active') {
 
218
 
219
  const data = await response.json();
220
  this.roomData = data.room_data;
221
+ this.loadChatHistory();
 
222
 
223
  } catch (error) {
224
  console.error('Chat failed:', error);
 
274
  `;
275
  }
276
 
 
 
 
 
 
277
 
278
  loadChatHistory() {
279
  if (!this.roomData || !this.roomData.chat_history) return;