Lien avec la bdd

public/pages/profil.php

@@ -15,12 +15,12 @@
     <div class="container">
         <div class="header">
             <div class="nav"> 
-                <img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
+                <img src="../../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
                 <img id="theme-icon" src="../images/light.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
-                <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
+                <img src="../../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
             </div>
             <div class="logo">
-                <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
+                <img src="../../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
             </div>
         </div>
     </div>
@@ -36,21 +36,21 @@
             // Nom d'utilisateur
             echo "<p id='username' class='infoProfil'>
                     <strong>{$u->username} 
-                    <img class='imgModify' src='../images/modify.svg' onclick='editFieldUsername(\"username\")'/>
+                    <img class='imgModify' src='../../images/modify.svg' onclick='editFieldUsername(\"username\")'/>
                     </strong>
                 </p>";
 
             // Email
             echo "<p id='email' class='infoProfil'>
                     <strong>{$u->email} 
-                    <img class='imgModify' src='../images/modify.svg' onclick='editFieldEmail(\"email\")'/>
+                    <img class='imgModify' src='../../images/modify.svg' onclick='editFieldEmail(\"email\")'/>
                     </strong>
                 </p>";
 
             // Mot de passe
             echo "<p id='passwd' class='infoProfil'>
                     <strong>{$u->hidenPasswd} 
-                    <img class='imgModify' src='../images/modify.svg' onclick='editFieldPassWd(\"passwd\")'/>
+                    <img class='imgModify' src='../../images/modify.svg' onclick='editFieldPassWd(\"passwd\")'/>
                     </strong>
                 </p>";
         ?>
@@ -58,7 +58,7 @@
         <div class="languageDiv">
             <p class="languageTitle">Language :</p>
         </div>
-        <img class="languageImage" src="../images/drapeauFrance.png" onmousedown="return false"/>
+        <img class="languageImage" src="../../images/drapeauFrance.png" onmousedown="return false"/>
         
         <div class="createQuote">
             <a href="rien" class="createQuote">Ajouter une citation</a>

public/script/changeData.js

@@ -31,7 +31,7 @@ function saveFieldUsername(id, newValue) {
     var pElement = document.getElementById(id);// Récupérer l'élément <p> via son identifiant
     
     // Mettre à jour la valeur avec la nouvelle saisie
-    pElement.innerHTML = '<strong>' + newValue + ' <img class="imgModify" src="../images/modify.svg" onclick="editFieldUsername(\'' + id + '\')"/></strong>';
+    pElement.innerHTML = '<strong>' + newValue + ' <img class="imgModify" src="../../images/modify.svg" onclick="editFieldUsername(\'' + id + '\')"/></strong>';
 }
 
 
@@ -76,7 +76,7 @@ function saveFieldEmail(id, newValue) {
     var pElement = document.getElementById(id); // Récupérer l'élément <p> via son identifiant
     
     // Mettre à jour la valeur avec la nouvelle saisie
-    pElement.innerHTML = '<strong>' + newValue + ' <img class="imgModify" src="../images/modify.svg" onclick="editFieldEmail(\'' + id + '\')"/></strong>';
+    pElement.innerHTML = '<strong>' + newValue + ' <img class="imgModify" src="../../images/modify.svg" onclick="editFieldEmail(\'' + id + '\')"/></strong>';
 }
 
 
@@ -158,7 +158,7 @@ function savePasswordFields(id, newPassword, confirmPassword) {
         }
         
         // Remplacer les champs input par le texte masqué
-        pElement.innerHTML = '<strong>' + maskedPassword + '</strong> <img class="imgModify" src="../images/modify.svg" onclick="editFieldPassWd(\'' + id + '\')"/></strong>';
+        pElement.innerHTML = '<strong>' + maskedPassword + '</strong> <img class="imgModify" src="../../images/modify.svg" onclick="editFieldPassWd(\'' + id + '\')"/></strong>';
         alert('Mot de passe mis à jour avec succès');
 
         // Possibilité d'ajouter ici une fonction pour envoyer les nouveaux mots de passe au serveur

public/script/user.php

@@ -1,13 +1,13 @@
 <?php
 class User{
-    public int $id;
+    public string $id;
     public string $username;
     public string $passwd;
     public string $hidenPasswd;
     public string $img;
     public string $email;
 
-    function __construct(int $id, string $pseudo, string $password, string $image, string $mail) {
+    function __construct(string $id, string $pseudo, string $password, string $image, string $mail) {
         $this->id = $id;
         $this->username = $pseudo;
         $this->passwd = $password;
@@ -36,7 +36,18 @@ class User{
     }
 }
 
-$u = new User('Testeur', 'motDepasse', '../images/imageProfil.png', 'testeur.compte@wikifantasy.com'); /*Test*/
+include("Connection.php");
+$dsn = "pgsql:host=londres;dbname=";
+$username = "";
+$password = "";
+
+$con = new Connection($dsn,$username,$password);
+
+$query = 'SELECT * FROM Users WHERE id_user=:idUser';
+$con->executeQuery($query, array(':idUser'=>array('U001', PDO::PARAM_STR)));
+$result = $con->getResults();
+
+$u = new User($result[0]['id_user'],$result[0]['username'], $result[0]['pssword'], '../../images/imageProfil.png', $result[0]['email']); /*Test*/
 
 function hidenPassWd(string $passwd){
     if(strlen($passwd) >= 16) return str_repeat('*', 16);