From 3bb1ee8e6ff7ab2ed1ead59a0204b7ee6e6cf7b6 Mon Sep 17 00:00:00 2001
From: "anthony.richard" <anthony.richard@etu.uca.fr>
Date: Sat, 11 Nov 2023 14:01:51 +0100
Subject: [PATCH] vue my account (voir info user + modif password + modif
 nickname)

---
 Project/php/templates/manageGroupView.html |  2 +-
 Project/php/templates/myAccountView.html   | 68 ++++++++++++++++++++++
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 Project/php/templates/myAccountView.html
diff --git a/Project/php/templates/manageGroupView.html b/Project/php/templates/manageGroupView.html
index d459241..4a25490 100644
--- a/Project/php/templates/manageGroupView.html
+++ b/Project/php/templates/manageGroupView.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Groups</title>
+    <title>Manage groups</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
diff --git a/Project/php/templates/myAccountView.html b/Project/php/templates/myAccountView.html
new file mode 100644
index 0000000..1c15f8a
--- /dev/null
+++ b/Project/php/templates/myAccountView.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>My account</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="description" content="" />
+    <meta name="author" content="" />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
+    <!-- Font Awesome icons (free version)-->
+    <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
+    <!-- Google fonts-->
+    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
+    <link
+            href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
+            rel="stylesheet" />
+    <!-- Core theme CSS (includes Bootstrap)-->
+    <link href="css/styles.css" rel="stylesheet" />
+</head>
+<style>
+    section {
+        border: 2px solid black;
+        margin: 10px 0;
+    }
+</style>
+<body>
+    <section>
+    <h1>My account</h1>
+    {% if user is defined %}
+        <table>
+            <tr><td>Image : </td><td>{{user.image}}</td></tr> //modifier todo
+            <tr><td>ID : </td><td>{{user.id}}</td></tr>
+            <tr><td>Nickname : </td><td>{{user.nickname}}</td>
+                <td>
+                    <form action="index.php" method="GET">
+                        <input type="hidden" name="action" value="modifyNickname">
+                        <input type="hidden" name="user" value={{user.id}}>
+                        <input name="newNickname" type="text" placeholder="new nickname" required>
+                        <input type="submit" value="Modify your nickname">
+                    </form>
+                </td>
+            </tr>
+            <tr><td>Name : </td><td>{{user.name}}</td></tr>
+            <tr><td>Surname : </td><td>{{user.surname}}</td></tr>
+            <tr><td>Roles : </td><td>
+                {% for role in user.roles %}
+                {{ role }}{% if not loop.last %} - {% endif %}
+                {% endfor %}</td>
+            </tr>
+            <tr><td>Email: </td><td>{{user.email}}</td></tr>
+            <tr><td>Group : </td><td>{{user.group}}</td></tr>
+            <tr><td>Extra Time : </td><td>{{user.extraTime}}</td></tr>
+        </table>
+    </section>
+    <section>
+        <h2> Modify password</h2>
+            <form action="index.php" method="GET">
+                <input type="hidden" name="action" value="modifyPassword">
+                <input type="hidden" name="user" value={{user.id}}>
+                <input type="text" name="currentPassword" placeholder="current password" required>
+                <input type="text" name="newPassword" placeholder="new password" required>
+                <input type="text" name="confirmNewPassword" placeholder="confirm new password" required>
+                <input type="submit" value="Modify your password">
+            </form>
+    </section>
+    {% endif %}
+</body>
+</html>
\ No newline at end of file

Image :	{{user.image}}
ID :	{{user.id}}
Nickname :	{{user.nickname}}	+ + + + + + +
Name :	{{user.name}}
Surname :	{{user.surname}}
Roles :	+ {% for role in user.roles %} + {{ role }}{% if not loop.last %} - {% endif %} + {% endfor %}
Email:	{{user.email}}
Group :	{{user.group}}
Extra Time :	{{user.extraTime}}