From 2e5367ebd8e449e33a84eef68f5d3ae343abf08d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luc=C3=A0s?= <vabrelucas@gmail.com>
Date: Sat, 20 Apr 2024 22:10:37 +0200
Subject: [PATCH] draft(DevWeb): Profile page

---
 S2/DevWeb/Projet/pom.xml                      | 12 +++
 .../src/main/webapp/WEB-INF/pages/profile.jsp | 92 ++++++++++++++++++-
 .../webapp/WEB-INF/tags/forms/profile.tag     |  5 +
 3 files changed, 105 insertions(+), 4 deletions(-)
 create mode 100644 S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/profile.tag

diff --git a/S2/DevWeb/Projet/pom.xml b/S2/DevWeb/Projet/pom.xml
index 53366c8..5d5e03b 100644
--- a/S2/DevWeb/Projet/pom.xml
+++ b/S2/DevWeb/Projet/pom.xml
@@ -18,6 +18,18 @@
   </properties>
 
   <dependencies>
+    <dependency>
+      <groupId>jakarta.servlet.jsp.jstl</groupId>
+      <artifactId>jakarta.servlet.jsp.jstl-api</artifactId>
+      <version>3.0.0</version>
+    </dependency>
+
+    <dependency>
+      <groupId>jakarta.el</groupId>
+      <artifactId>jakarta.el-api</artifactId>
+      <version>5.0.1</version>
+    </dependency>
+
     <dependency>
       <groupId>jakarta.platform</groupId>
       <artifactId>jakarta.jakartaee-web-api</artifactId>
diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/pages/profile.jsp b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/pages/profile.jsp
index f448f96..d8a378c 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/pages/profile.jsp
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/pages/profile.jsp
@@ -1,16 +1,100 @@
-<%@ page import="uppa.project.database.pojo.User" %>
 <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
+
 <%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
 <%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
 <%@taglib prefix="form" tagdir="/WEB-INF/tags/forms" %>
 
-<% User user = (User) session.getAttribute("user"); %>
-
 <layout:base title="Profil">
     <component:hero>
         <div class="columns is-centered">
             <div class="column is-5-tablet is-5-desktop is-5-widescreen">
-                    <%--                TODO: Profil--%>
+                <component:card title="Profil">
+                    <fieldset disabled>
+                        <jsp:useBean id="user" class="uppa.project.database.pojo.User" scope="session"/>
+                        <div class="field">
+                            <label class="label">Nom d'utilisateur</label>
+                            <input class="input" type="text" value="${user.username}">
+                        </div>
+                        <div class="field">
+                            <label class="label">Email</label>
+                            <input class="input" type="text" value="${user.email}">
+                        </div>
+                        <div class="field">
+                            <label class="label">Mot de passe</label>
+                            <a href="/profile/password">Changer le mot de passe</a>
+                        </div>
+                        <div class="field">
+                            <label class="label">Date de naissance</label>
+                            <input class="input" type="text" value="${user.birth.toLocaleString()}">
+                        </div>
+                        <div class="field">
+                            <label class="label">Genre</label>
+                            <input class="input" type="text" value="${user.gender}">
+                        </div>
+                    </fieldset>
+
+                    <div class="buttons">
+                        <button class="button is-primary is-outlined">Modifier</button>
+                        <button class="button is-primary has-text-white">Supprimer le compte</button>
+                    </div>
+                </component:card>
+            </div>
+
+            <div class="column is-5-tablet is-5-desktop is-5-widescreen">
+                <component:card title="Statistiques">
+                    <h4 class="title is-4">Statistiques globales</h4>
+                    <div class="level">
+                        <div class="level-item has-text-centered">
+                            <div>
+                                <p class="heading">Parties</p>
+                                <p class="title">${user.nbPlayedGame}</p>
+                            </div>
+                        </div>
+                        <div class="level-item has-text-centered">
+                            <div>
+                                <p class="heading">Victoires</p>
+                                <p class="title">${user.nbWin}</p>
+                            </div>
+                        </div>
+                        <div class="level-item has-text-centered">
+                            <div>
+                                <p class="heading">Clics corrects</p>
+                                <p class="title">${user.nbRightClicks}</p>
+                            </div>
+                        </div>
+                        <div class="level-item has-text-centered">
+                            <div>
+                                <p class="heading">Clics rapides</p>
+                                <p class="title">${user.nbRapidClicks}</p>
+                            </div>
+                        </div>
+                    </div>
+
+<%--                    TODO: Tableau des 10 dernières parties--%>
+
+                    <h4 class="title is-4">10 dernières parties</h4>
+                    <table class="table is-fullwidth">
+                        <thead>
+                            <tr>
+                                <th>Date</th>
+                                <th>Victoire</th>
+                                <th>Score</th>
+                                <th></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <c:forEach var="game" items="${user.playedGames}">
+                                <tr>
+                                    <td>${game.createdAt}</td>
+                                    <td>${game.winner}</td>
+                                    <td>${game.score}</td>
+                                    <td><a href="/game/${game.id}">Voir</a></td>
+                                </tr>
+                            </c:forEach>
+                    </table>
+
+
+                </component:card>
             </div>
         </div>
     </component:hero>
diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/profile.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/profile.tag
new file mode 100644
index 0000000..c0dc0c9
--- /dev/null
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/forms/profile.tag
@@ -0,0 +1,5 @@
+<%@tag description="form/profile" pageEncoding="UTF-8" %>
+
+<form id="profile-form" action="${pageContext.request.contextPath}/reset-password" method="post">
+
+</form>
\ No newline at end of file