refonte arborescence + correction des chemins

connexion/html/mot_de_passe_oublie.html

@@ -11,7 +11,7 @@
 
     <style>
       body {
-            background: #f4f6f981;
+        background: #f4f6f981;
         height: 100vh;
         display: flex;
         justify-content: center;
@@ -27,10 +27,14 @@
     <div class="card shadow forgot-password-card">
       <div class="card-body p-4">
         <h3 class="text-center mb-4">Mot de passe oublié</h3>
-
+        <p>
+          Nous avons besoin de votre adresse mail pour pouvoir réinitialiser
+          votre mot de passe.
+        </p>
         <form>
           <div class="mb-3">
             <label class="form-label">Adresse e-mail</label>
+
             <input
               type="email"
               class="form-control"
@@ -43,7 +47,9 @@
           </button>
 
           <div class="text-center mt-3">
-            <a href="../page_de_connexion/page_de_connexion.html" class="text-decoration-none"
+            <a
+              href="../html/page_de_connexion.html"
+              class="text-decoration-none"
               >Retour à la connexion</a
             >
           </div>

connexion/html/page_de_connexion.html

@@ -30,14 +30,15 @@
 
         <form>
           <div class="mb-3">
+
             <label class="form-label">Mot de passe</label>
             <input
               type="password"
               class="form-control"
               id="password"
-              placeholder="••••••••"
+              
             />
-            <label for="showPassword">
+            <label for="showPassword" class="mt-2">
             <input type="checkbox" id="showPassword" />
               Voir le mot de passe
             </label>
@@ -46,12 +47,12 @@
           <button class="btn btn-primary w-100">Se connecter</button>
 
           <div class="text-center mt-3">
-            <a href="../mot_de_passe_oublie/mot_de_passe_oublie.html" class="text-decoration-none">Mot de passe oublié ?</a>
+            <a href="../html/mot_de_passe_oublie.html" class="text-decoration-none">Mot de passe oublié ?</a>
           </div>
         </form>
       </div>
     </div>
-    <script src="page_de_connexion.js"></script>
+    <script src="../js/page_de_connexion.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>

connexion/html/reinitialisation_mot_de_passe.html

@@ -52,7 +52,7 @@
               id="password"
               required
             />
-            <small id="passwordIndicator" class="fw-bold"</small>
+            <small id="passwordIndicator" class="fw-bold"></small>
           </div>
 
           <div class="mb-3">
@@ -65,7 +65,7 @@
               id="confirmPassword"
               required
             />
-            <label for="showPassword">
+            <label for="showPassword" class="mt-3">
             <input type="checkbox" id="showPassword" />
               Voir le mot de passe
             </label>
@@ -89,7 +89,7 @@
         </form>
       </div>
     </div>
-    <script src="reinitialisation_du_mot_de_passe.js"></script>
+    <script src="../js/reinitialisation_du_mot_de_passe.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>

connexion/js/reinitialisation_du_mot_de_passe.js

@@ -49,6 +49,12 @@ form.addEventListener('submit', function(e) {
         errorMsg.textContent = 'Les mots de passe ne correspondent pas.';
         return;
     }
+    successMsg.style.display = 'block';
+
+    //  Redirection après 1 seconde
+    setTimeout(() => {
+        window.location.href = "../html/page_de_connexion.html";
+    }, 1000);
 
    
 });