From 038c877aed55cffdb4401a4c7e7b15b113798145 Mon Sep 17 00:00:00 2001
From: Julien Dessaux
Date: Tue, 22 Nov 2022 22:55:36 +0100
Subject: Implemented game creation

---
 views/games.ejs | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

(limited to 'views/games.ejs')

diff --git a/views/games.ejs b/views/games.ejs
index 3189be8..9cee7bb 100644
--- a/views/games.ejs
+++ b/views/games.ejs
@@ -7,11 +7,31 @@
 	<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>
+		<td><a href="/games/<%= game.id %>"><%= game.data.name %></a></td>
+		<td><a href="/users/<%= game.player1.id %>"><%= game.data.player1.username %></a></td>
+		<td><a href="/users/<%= game.player2.id %>"><%= game.data.player2.username %></a></td>
 	</tr>
 	<% }) %>
 </table>
 <% } %>
+<% if (Object.keys(errors).length === 0) { %>
+<h2>Nouvelle partie</h2>
+<% } else { %>
+<h2>Oops, erreur lors de la création d'une nouvelle partie!</h2>
+<% } %>
+<form action="/games" method="post">
+	<div class="form-field<%= errors.username ? ' form-field-invalid' : '' %>">
+		<input type="text" placeholder="Identifiant de votre adversaire" name="username" value="<%= formdata.username %>" required autofocus>
+		<% if (errors.username) { %>
+		<label class="error" for="username"><%= errors.username.msg %></label>
+		<% } %>
+	</div>
+	<div class="form-field<%= errors.name ? ' form-field-invalid' : '' %>">
+		<input type="text" placeholder="Nom ou titre de cette partie" name="name" value="<%= formdata.name %>" required>
+		<% if (errors.name) { %>
+		<label class="error" for="name"><%= errors.name.msg %></label>
+		<% } %>
+	</div>
+	<button type="submit">Démarrer</button>
+</form>
 <%- include("footer") %>
-- 
cgit v1.2.3