From 8ac636186cf5f704264e7473864c54b3edaf4049 Mon Sep 17 00:00:00 2001
From: Julien Dessaux
Date: Mon, 21 Nov 2022 21:39:17 +0100
Subject: Added basic games handling

---
 controllers/games/gameId.js | 17 +++++++++++++
 controllers/games/root.js   | 13 ++++++++++
 controllers/play.js         |  9 -------
 database/001_games.sql      | 12 +++++++++
 database/db.js              |  1 +
 database/games.js           | 29 +++++++++++++++++++++
 main.js                     |  4 +--
 middlewares/sessions.js     |  2 +-
 routes/games.js             | 15 +++++++++++
 routes/play.js              | 35 -------------------------
 static/index.css            | 62 ++++++++++++++++++++++++++++++---------------
 views/game.ejs              | 36 ++++++++++++++++++++++++++
 views/games.ejs             | 17 +++++++++++++
 views/play.ejs              | 36 --------------------------
 14 files changed, 184 insertions(+), 104 deletions(-)
 create mode 100644 controllers/games/gameId.js
 create mode 100644 controllers/games/root.js
 delete mode 100644 controllers/play.js
 create mode 100644 database/001_games.sql
 create mode 100644 database/games.js
 create mode 100644 routes/games.js
 delete mode 100644 routes/play.js
 create mode 100644 views/game.ejs
 create mode 100644 views/games.ejs
 delete mode 100644 views/play.ejs

diff --git a/controllers/games/gameId.js b/controllers/games/gameId.js
new file mode 100644
index 0000000..c87a857
--- /dev/null
+++ b/controllers/games/gameId.js
@@ -0,0 +1,17 @@
+import { getGame } from "../../database/games.js";
+
+function makePageData(user, cwdata) {
+	return {
+		title: "Jouer",
+		user: user,
+		CWDATA: cwdata,
+	};
+}
+
+export function gameId_get(req, res) {
+	const game = getGame(req.params.gameId);
+	// TODO redirect if null
+	let cwdata = game; // TODO reformat this object
+	console.log(cwdata);
+	return res.render("game", makePageData(req.session.user, cwdata));
+}
diff --git a/controllers/games/root.js b/controllers/games/root.js
new file mode 100644
index 0000000..ece7b74
--- /dev/null
+++ b/controllers/games/root.js
@@ -0,0 +1,13 @@
+import { listGames } from "../../database/games.js";
+
+export function root_get(req, res) {
+	const data = {
+		title: "Liste des parties",
+		user: req.session.user,
+		games: listGames(req.session.user.id),
+	};
+	for (let i=0; i<data.games.length; i++) {
+		data.games[i].data = JSON.parse(data.games[i].data);
+	}
+	return res.render("games", data);
+}
diff --git a/controllers/play.js b/controllers/play.js
deleted file mode 100644
index c00d15d..0000000
--- a/controllers/play.js
+++ /dev/null
@@ -1,9 +0,0 @@
-function makeController(req, cwdata) {
-	return {
-		title: "Jouer",
-		user: req.session.user,
-		CWDATA: cwdata,
-	};
-}
-
-export default makeController;
diff --git a/database/001_games.sql b/database/001_games.sql
new file mode 100644
index 0000000..be45084
--- /dev/null
+++ b/database/001_games.sql
@@ -0,0 +1,12 @@
+CREATE TABLE games (
+	id INTEGER PRIMARY KEY,
+	player1 INTEGER NOT NULL,
+	player2 INTEGER NOT NULL,
+	data TEXT NOT NULL,
+	created_at DATE DEFAULT (datetime('now')),
+	last_move_at DATE DEFAULT NULL,
+	FOREIGN KEY (player1) REFERENCES users(id) ON DELETE CASCADE,
+	FOREIGN KEY (player2) REFERENCES users(id) ON DELETE CASCADE
+);
+CREATE INDEX idx_games_player1 ON games(player1);
+CREATE INDEX idx_games_player2 ON games(player2);
diff --git a/database/db.js b/database/db.js
index 259ab58..a360e9b 100644
--- a/database/db.js
+++ b/database/db.js
@@ -3,6 +3,7 @@ import Database from "better-sqlite3";
 
 const allMigrations = [
 	"database/000_init.sql",
+	"database/001_games.sql",
 ];
 
 const db = new Database("jdm.db");
diff --git a/database/games.js b/database/games.js
new file mode 100644
index 0000000..b378eb2
--- /dev/null
+++ b/database/games.js
@@ -0,0 +1,29 @@
+import db from "./db.js";
+
+const createGameStatement = db.prepare("INSERT INTO games (player1, player2, data) VALUES (?, ?, ?);");
+const getGameStatement = db.prepare("SELECT * from games where id = ?;");
+const listGamesStatement = db.prepare("SELECT * from games where player1 = ?1 OR player2 = ?1 ORDER BY last_move_at;");
+
+export function createGame(player1, player2, data) {
+	try {
+		return createGameStatement.run(player1, player2, data).lastInsertRowId;
+	} catch {
+		return null;
+	}
+}
+
+export function getGame(id) {
+	try {
+		return getGameStatement.get(id);
+	} catch {
+		return null;
+	}
+}
+
+export function listGames(userId) {
+	try {
+		return listGamesStatement.all({ 1: userId });
+	} catch {
+		return [];
+	}
+}
diff --git a/main.js b/main.js
index b4c68b2..c3ab576 100644
--- a/main.js
+++ b/main.js
@@ -1,7 +1,7 @@
 import express from "express";
 
 import helmet from "./middlewares/helmet.js";
-import playRouter from "./routes/play.js";
+import gamesRouter from "./routes/games.js";
 import rootRouter from "./routes/root.js";
 
 const app = express();
@@ -11,7 +11,7 @@ app.use(helmet);
 app.set("views", "./views");
 app.set("view engine", "ejs");
 
-app.use("/play", playRouter);
+app.use("/games", gamesRouter);
 app.use("/static", express.static("static"));
 app.use("/", rootRouter);
 
diff --git a/middlewares/sessions.js b/middlewares/sessions.js
index 6112a8c..8697ae0 100644
--- a/middlewares/sessions.js
+++ b/middlewares/sessions.js
@@ -3,7 +3,7 @@ import sqlite from "better-sqlite3";
 import sqliteStore from "better-sqlite3-session-store";
 
 const SqliteStore = sqliteStore(expressSession);
-const db = new sqlite("sessions.db", { verbose: console.log });
+const db = new sqlite("sessions.db", process.env.NODE_ENV === "production" ? null : { verbose: console.log });
 const secret = process.env.SESSION_SECRET || "secret";
 const session = expressSession({
 	cookie: {
diff --git a/routes/games.js b/routes/games.js
new file mode 100644
index 0000000..67d105d
--- /dev/null
+++ b/routes/games.js
@@ -0,0 +1,15 @@
+import express from "express";
+
+import { gameId_get } from "../controllers/games/gameId.js";
+import { root_get } from "../controllers/games/root.js";
+import requireAuth from "../middlewares/requireAuth.js";
+import session from "../middlewares/sessions.js";
+
+const router = express.Router();
+router.use(session);
+router.use(requireAuth);
+
+router.get("/", root_get);
+router.get("/:gameId(\\d+)", gameId_get);
+
+export default router;
diff --git a/routes/play.js b/routes/play.js
deleted file mode 100644
index 4db9acd..0000000
--- a/routes/play.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import express from "express";
-
-import makePlayController from "../controllers/play.js";
-import requireAuth from "../middlewares/requireAuth.js";
-import session from "../middlewares/sessions.js";
-
-const router = express.Router();
-router.use(session);
-router.use(requireAuth);
-
-router.get("/", (req, res) => {
-	const cwdata = {
-		board: [
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ],
-			[ "", "", "", "", "","", "", "", "", "", "", "", "", "", "" ]
-		],
-		letters: [ "A", "B", "C", "D", "E", "F", "JOKER" ]
-	};
-	return res.render("play", makePlayController(req, cwdata));
-});
-
-export default router;
diff --git a/static/index.css b/static/index.css
index f5ef0b9..afb1c33 100644
--- a/static/index.css
+++ b/static/index.css
@@ -8,7 +8,7 @@ aside {
 }
 
 body {
-	background: #126623;
+	background: #358a46;
 	display: grid;
 	grid-template-rows: auto 1fr auto;
 	font-family: -apple-system, BlinkMacSystemFont,
@@ -50,11 +50,12 @@ header nav ul li {
 	text-decoration: none;
 }
 header nav ul li a {
-	color: #b58900;
+	color: black;
 	display: block;
 	text-decoration: none;
 }
 header nav ul li.nav-menu-title {
+	background: #126623;
 	float: left;
 	text-transform: uppercase;
 	font-weight: 700;
@@ -68,50 +69,69 @@ form input {
 }
 
 main {
-	margin-left: auto;
-	margin-right: auto;
+	background: #126623;
+	padding-left: 1em;
+	padding-right: 1em;
 }
 
-td {
-	background: #47b75e;
-	border: 1px solid #d4fcdb;
-	min-width: 27px;
-	height: 27px;
-	text-align: center;
+#games {
+	border-collapse: collapse;
+}
+#games tr:nth-child(even){background-color: #f2f2f2;}
+#games tr:hover {background-color: #ddd;}
+#games td, #games th {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+#games th {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #04AA6D;
+  color: white;
 }
 
-#board {
-	border-collapse: collapse;
-	font-weight: bold;
+#remaining_letters {
 	max-width: 405px;
 }
 
+#rack-area {
+	max-width: 405px;
+}
 #rack {
 	display:inline-block;
 	font-weight: bold;
 }
-
-#remaining_letters {
+#board {
+	border-collapse: collapse;
+	font-weight: bold;
 	max-width: 405px;
 }
+#board tr td, #rack tr td {
+	background: #47b75e;
+	border: 1px solid #d4fcdb;
+	min-width: 27px;
+	height: 27px;
+	text-align: center;
+}
 
-.tw {
+#board tr td.tw {
 	background:#E60000;
 }
-.dw {
+#board tr td.dw {
 	background:#F86969;
 }
-.tl {
+#board tr td.tl {
 	background:#3675FA;
 }
-.dl {
+#board tr td.dl {
 	background:#22ACD8;
 }
-.start {
+#board tr td.start {
 	background:#ff5500;
 }
 
-.letter {
+#board tr td.letter, #rack tr td.letter {
 	background:#f3e797;
 }
 .placed {
diff --git a/views/game.ejs b/views/game.ejs
new file mode 100644
index 0000000..e1fab41
--- /dev/null
+++ b/views/game.ejs
@@ -0,0 +1,36 @@
+<%- include("header") %>
+<h2>À vous de jouer</h2>
+<table id="board">
+	<tr><td id="s0_0" class="tw" title="triple word"><td id="s0_1"><td id="s0_2"><td id="s0_3" class="dl" title="double letter"><td id="s0_4"><td id="s0_5"><td id="s0_6"><td id="s0_7" class="tw" title="triple word"><td id="s0_8"><td id="s0_9"><td id="s0_10"><td id="s0_11" class="dl" title="double letter"><td id="s0_12"><td id="s0_13"><td id="s0_14" class="tw" title="triple word"></tr>
+	<tr><td id="s1_0"><td id="s1_1" class="dw" title="double word"><td id="s1_2"><td id="s1_3"><td id="s1_4"><td id="s1_5" class="tl" title="triple letter"><td id="s1_6"><td id="s1_7"><td id="s1_8"><td id="s1_9" class="tl" title="triple letter"><td id="s1_10"><td id="s1_11"><td id="s1_12"><td id="s1_13" class="dw" title="double word"><td id="s1_14"></tr>
+	<tr><td id="s2_0"><td id="s2_1"><td id="s2_2" class="dw" title="double word"><td id="s2_3"><td id="s2_4"><td id="s2_5"><td id="s2_6" class="dl" title="double letter"><td id="s2_7"><td id="s2_8" class="dl" title="double letter"><td id="s2_9"><td id="s2_10"><td id="s2_11"><td id="s2_12" class="dw" title="double word"><td id="s2_13"><td id="s2_14"></tr>
+	<tr><td id="s3_0" class="dl" title="double letter"><td id="s3_1"><td id="s3_2"><td id="s3_3" class="dw" title="double word"><td id="s3_4"><td id="s3_5"><td id="s3_6"><td id="s3_7" class="dl" title="double letter"><td id="s3_8"><td id="s3_9"><td id="s3_10"><td id="s3_11" class="dw" title="double word"><td id="s3_12"><td id="s3_13"><td id="s3_14" class="dl" title="double letter"></tr>
+	<tr><td id="s4_0"><td id="s4_1"><td id="s4_2"><td id="s4_3"><td id="s4_4" class="dw" title="double word"><td id="s4_5"><td id="s4_6"><td id="s4_7"><td id="s4_8"><td id="s4_9"><td id="s4_10" class="dw" title="double word"><td id="s4_11"><td id="s4_12"><td id="s4_13"><td id="s4_14"></tr>
+	<tr><td id="s5_0"><td id="s5_1" class="tl" title="triple letter"><td id="s5_2"><td id="s5_3"><td id="s5_4"><td id="s5_5" class="tl" title="triple letter"><td id="s5_6"><td id="s5_7"><td id="s5_8"><td id="s5_9" class="tl" title="triple letter"><td id="s5_10"><td id="s5_11"><td id="s5_12"><td id="s5_13" class="tl" title="triple letter"><td id="s5_14"></tr>
+	<tr><td id="s6_0"><td id="s6_1"><td id="s6_2" class="dl" title="double letter"><td id="s6_3"><td id="s6_4"><td id="s6_5"><td id="s6_6" class="dl" title="double letter"><td id="s6_7"><td id="s6_8" class="dl" title="double letter"><td id="s6_9"><td id="s6_10"><td id="s6_11"><td id="s6_12" class="dl" title="double letter"><td id="s6_13"><td id="s6_14"></tr>
+	<tr><td id="s7_0" class="tw" title="triple word"><td id="s7_1"><td id="s7_2"><td id="s7_3" class="dl" title="double letter"><td id="s7_4"><td id="s7_5"><td id="s7_6"><td id="s7_7" class="start dw" title="start double word"><td id="s7_8"><td id="s7_9"><td id="s7_10"><td id="s7_11" class="dl" title="double letter"><td id="s7_12"><td id="s7_13"><td id="s7_14" class="tw" title="triple word"></tr>
+	<tr><td id="s8_0"><td id="s8_1"><td id="s8_2" class="dl" title="double letter"><td id="s8_3"><td id="s8_4"><td id="s8_5"><td id="s8_6" class="dl" title="double letter"><td id="s8_7"><td id="s8_8" class="dl" title="double letter"><td id="s8_9"><td id="s8_10"><td id="s8_11"><td id="s8_12" class="dl" title="double letter"><td id="s8_13"><td id="s8_14"></tr>
+	<tr><td id="s9_0"><td id="s9_1" class="tl" title="triple letter"><td id="s9_2"><td id="s9_3"><td id="s9_4"><td id="s9_5" class="tl" title="triple letter"><td id="s9_6"><td id="s9_7"><td id="s9_8"><td id="s9_9" class="tl" title="triple letter"><td id="s9_10"><td id="s9_11"><td id="s9_12"><td id="s9_13" class="tl" title="triple letter"><td id="s9_14"></tr>
+	<tr><td id="s10_0"><td id="s10_1"><td id="s10_2"><td id="s10_3"><td id="s10_4" class="dw" title="double word"><td id="s10_5"><td id="s10_6"><td id="s10_7"><td id="s10_8"><td id="s10_9"><td id="s10_10" class="dw" title="double word"><td id="s10_11"><td id="s10_12"><td id="s10_13"><td id="s10_14"></tr>
+	<tr><td id="s11_0" class="dl" title="double letter"><td id="s11_1"><td id="s11_2"><td id="s11_3" class="dw" title="double word"><td id="s11_4"><td id="s11_5"><td id="s11_6"><td id="s11_7" class="dl" title="double letter"><td id="s11_8"><td id="s11_9"><td id="s11_10"><td id="s11_11" class="dw" title="double word"><td id="s11_12"><td id="s11_13"><td id="s11_14" class="dl" title="double letter"></tr>
+	<tr><td id="s12_0"><td id="s12_1"><td id="s12_2" class="dw" title="double word"><td id="s12_3"><td id="s12_4"><td id="s12_5"><td id="s12_6" class="dl" title="double letter"><td id="s12_7"><td id="s12_8" class="dl" title="double letter"><td id="s12_9"><td id="s12_10"><td id="s12_11"><td id="s12_12" class="dw" title="double word"><td id="s12_13"><td id="s12_14"></tr>
+	<tr><td id="s13_0"><td id="s13_1" class="dw" title="double word"><td id="s13_2"><td id="s13_3"><td id="s13_4"><td id="s13_5" class="tl" title="triple letter"><td id="s13_6"><td id="s13_7"><td id="s13_8"><td id="s13_9" class="tl" title="triple letter"><td id="s13_10"><td id="s13_11"><td id="s13_12"><td id="s13_13" class="dw" title="double word"><td id="s13_14"></tr>
+	<tr><td id="s14_0" class="tw" title="triple word"><td id="s14_1"><td id="s14_2"><td id="s14_3" class="dl" title="double letter"><td id="s14_4"><td id="s14_5"><td id="s14_6"><td id="s14_7" class="tw" title="triple word"><td id="s14_8"><td id="s14_9"><td id="s14_10"><td id="s14_11" class="dl" title="double letter"><td id="s14_12"><td id="s14_13"><td id="s14_14" class="tw" title="triple word"></tr>
+</table>
+<p id="rack-area">
+	<table id="rack">
+		<tr><td id="l0"><td id="l1"><td id="l2"><td id="l3"><td id="l4"><td id="l5"><td id="l6"></tr>
+	</table>
+	<aside>
+		<button title="validate your move" onclick="onvalidatemoveclick()" id="validate" disabled>0 - Validate</button>
+		<button onclick="onSelectSwapTilesClicked()" id="pass">Pass</button>
+	</aside>
+</p>
+<p>
+<span id="player_1_name">player one name</span>: <span class="player_name" id="player_1_points">0</span><br>
+<span id="player_2_name">player two name</span>: <span class="player_name" id="player_2_points">0</span>
+</p>
+<p id="remaining_letters"></p>
+<script>var CWDATA = <%- CWDATA.data %></script>
+<script type="module" src="/static/index.js"></script>
+<%- include("footer") %>
diff --git a/views/games.ejs b/views/games.ejs
new file mode 100644
index 0000000..3189be8
--- /dev/null
+++ b/views/games.ejs
@@ -0,0 +1,17 @@
+<%- include("header") %>
+<% if (Object.keys(games).length === 0) { %>
+<h2>Aucune partie en cours</h2>
+<% } else { %>
+<h2>Liste des parties en cours</h2>
+<table id="games">
+	<tr><th>Partie</th><th>Joueur 1</th><th>Joueur 2</th></tr>
+	<% games.forEach((game) => { %>
+	<tr>
+		<td><a href="/games/<%= game.id %>"><%= game.data.title %></a></td>
+		<td><a href="/users/<%= game.player1 %>"><%= game.data.player1.name %></a></td>
+		<td><a href="/users/<%= game.player2 %>"><%= game.data.player2.name %></a></td>
+	</tr>
+	<% }) %>
+</table>
+<% } %>
+<%- include("footer") %>
diff --git a/views/play.ejs b/views/play.ejs
deleted file mode 100644
index bc98c94..0000000
--- a/views/play.ejs
+++ /dev/null
@@ -1,36 +0,0 @@
-<%- include("header") %>
-<h2>À vous de jouer</h2>
-<table id="board">
-	<tr><td id="s0_0" class="tw" title="triple word"><td id="s0_1"><td id="s0_2"><td id="s0_3" class="dl" title="double letter"><td id="s0_4"><td id="s0_5"><td id="s0_6"><td id="s0_7" class="tw" title="triple word"><td id="s0_8"><td id="s0_9"><td id="s0_10"><td id="s0_11" class="dl" title="double letter"><td id="s0_12"><td id="s0_13"><td id="s0_14" class="tw" title="triple word"></tr>
-	<tr><td id="s1_0"><td id="s1_1" class="dw" title="double word"><td id="s1_2"><td id="s1_3"><td id="s1_4"><td id="s1_5" class="tl" title="triple letter"><td id="s1_6"><td id="s1_7"><td id="s1_8"><td id="s1_9" class="tl" title="triple letter"><td id="s1_10"><td id="s1_11"><td id="s1_12"><td id="s1_13" class="dw" title="double word"><td id="s1_14"></tr>
-	<tr><td id="s2_0"><td id="s2_1"><td id="s2_2" class="dw" title="double word"><td id="s2_3"><td id="s2_4"><td id="s2_5"><td id="s2_6" class="dl" title="double letter"><td id="s2_7"><td id="s2_8" class="dl" title="double letter"><td id="s2_9"><td id="s2_10"><td id="s2_11"><td id="s2_12" class="dw" title="double word"><td id="s2_13"><td id="s2_14"></tr>
-	<tr><td id="s3_0" class="dl" title="double letter"><td id="s3_1"><td id="s3_2"><td id="s3_3" class="dw" title="double word"><td id="s3_4"><td id="s3_5"><td id="s3_6"><td id="s3_7" class="dl" title="double letter"><td id="s3_8"><td id="s3_9"><td id="s3_10"><td id="s3_11" class="dw" title="double word"><td id="s3_12"><td id="s3_13"><td id="s3_14" class="dl" title="double letter"></tr>
-	<tr><td id="s4_0"><td id="s4_1"><td id="s4_2"><td id="s4_3"><td id="s4_4" class="dw" title="double word"><td id="s4_5"><td id="s4_6"><td id="s4_7"><td id="s4_8"><td id="s4_9"><td id="s4_10" class="dw" title="double word"><td id="s4_11"><td id="s4_12"><td id="s4_13"><td id="s4_14"></tr>
-	<tr><td id="s5_0"><td id="s5_1" class="tl" title="triple letter"><td id="s5_2"><td id="s5_3"><td id="s5_4"><td id="s5_5" class="tl" title="triple letter"><td id="s5_6"><td id="s5_7"><td id="s5_8"><td id="s5_9" class="tl" title="triple letter"><td id="s5_10"><td id="s5_11"><td id="s5_12"><td id="s5_13" class="tl" title="triple letter"><td id="s5_14"></tr>
-	<tr><td id="s6_0"><td id="s6_1"><td id="s6_2" class="dl" title="double letter"><td id="s6_3"><td id="s6_4"><td id="s6_5"><td id="s6_6" class="dl" title="double letter"><td id="s6_7"><td id="s6_8" class="dl" title="double letter"><td id="s6_9"><td id="s6_10"><td id="s6_11"><td id="s6_12" class="dl" title="double letter"><td id="s6_13"><td id="s6_14"></tr>
-	<tr><td id="s7_0" class="tw" title="triple word"><td id="s7_1"><td id="s7_2"><td id="s7_3" class="dl" title="double letter"><td id="s7_4"><td id="s7_5"><td id="s7_6"><td id="s7_7" class="start dw" title="start double word"><td id="s7_8"><td id="s7_9"><td id="s7_10"><td id="s7_11" class="dl" title="double letter"><td id="s7_12"><td id="s7_13"><td id="s7_14" class="tw" title="triple word"></tr>
-	<tr><td id="s8_0"><td id="s8_1"><td id="s8_2" class="dl" title="double letter"><td id="s8_3"><td id="s8_4"><td id="s8_5"><td id="s8_6" class="dl" title="double letter"><td id="s8_7"><td id="s8_8" class="dl" title="double letter"><td id="s8_9"><td id="s8_10"><td id="s8_11"><td id="s8_12" class="dl" title="double letter"><td id="s8_13"><td id="s8_14"></tr>
-	<tr><td id="s9_0"><td id="s9_1" class="tl" title="triple letter"><td id="s9_2"><td id="s9_3"><td id="s9_4"><td id="s9_5" class="tl" title="triple letter"><td id="s9_6"><td id="s9_7"><td id="s9_8"><td id="s9_9" class="tl" title="triple letter"><td id="s9_10"><td id="s9_11"><td id="s9_12"><td id="s9_13" class="tl" title="triple letter"><td id="s9_14"></tr>
-	<tr><td id="s10_0"><td id="s10_1"><td id="s10_2"><td id="s10_3"><td id="s10_4" class="dw" title="double word"><td id="s10_5"><td id="s10_6"><td id="s10_7"><td id="s10_8"><td id="s10_9"><td id="s10_10" class="dw" title="double word"><td id="s10_11"><td id="s10_12"><td id="s10_13"><td id="s10_14"></tr>
-	<tr><td id="s11_0" class="dl" title="double letter"><td id="s11_1"><td id="s11_2"><td id="s11_3" class="dw" title="double word"><td id="s11_4"><td id="s11_5"><td id="s11_6"><td id="s11_7" class="dl" title="double letter"><td id="s11_8"><td id="s11_9"><td id="s11_10"><td id="s11_11" class="dw" title="double word"><td id="s11_12"><td id="s11_13"><td id="s11_14" class="dl" title="double letter"></tr>
-	<tr><td id="s12_0"><td id="s12_1"><td id="s12_2" class="dw" title="double word"><td id="s12_3"><td id="s12_4"><td id="s12_5"><td id="s12_6" class="dl" title="double letter"><td id="s12_7"><td id="s12_8" class="dl" title="double letter"><td id="s12_9"><td id="s12_10"><td id="s12_11"><td id="s12_12" class="dw" title="double word"><td id="s12_13"><td id="s12_14"></tr>
-	<tr><td id="s13_0"><td id="s13_1" class="dw" title="double word"><td id="s13_2"><td id="s13_3"><td id="s13_4"><td id="s13_5" class="tl" title="triple letter"><td id="s13_6"><td id="s13_7"><td id="s13_8"><td id="s13_9" class="tl" title="triple letter"><td id="s13_10"><td id="s13_11"><td id="s13_12"><td id="s13_13" class="dw" title="double word"><td id="s13_14"></tr>
-	<tr><td id="s14_0" class="tw" title="triple word"><td id="s14_1"><td id="s14_2"><td id="s14_3" class="dl" title="double letter"><td id="s14_4"><td id="s14_5"><td id="s14_6"><td id="s14_7" class="tw" title="triple word"><td id="s14_8"><td id="s14_9"><td id="s14_10"><td id="s14_11" class="dl" title="double letter"><td id="s14_12"><td id="s14_13"><td id="s14_14" class="tw" title="triple word"></tr>
-</table>
-<p>
-<table id="rack">
-	<tr><td id="l0"><td id="l1"><td id="l2"><td id="l3"><td id="l4"><td id="l5"><td id="l6"></tr>
-</table>
-<aside>
-	<button title="validate your move" onclick="onvalidatemoveclick()" id="validate" disabled>0 - Validate</button>
-	<button onclick="onSelectSwapTilesClicked()" id="pass">Pass</button>
-</aside>
-</p>
-<p>
-<span id="player_1_name">player one name</span>: <span class="player_name" id="player_1_points">0</span><br>
-<span id="player_2_name">player two name</span>: <span class="player_name" id="player_2_points">0</span>
-</p>
-<p id="remaining_letters"></p>
-<script>var CWDATA = <%- JSON.stringify(CWDATA) %></script>
-<script type="module" src="/static/index.js"></script>
-<%- include("footer") %>
-- 
cgit v1.2.3