Mise ajour et correction de la page reinitialisation mot de passe

blog/categories/articles/modifier_article.html

@@ -28,7 +28,7 @@
 
   <!--Erreur titre vide-->
   <div id="errorEmpty" class="alert alert-danger d-none">
-     Le titre de l'article est obligatoire.
+    g Le titre de l'article est obligatoire.
   </div>
 
   <!--Erreur image invalide-->

connexion/reinitialisation_mot_de_passe/reinitialisation_du_mot_de_passe.js

@@ -3,9 +3,29 @@ const password = document.getElementById('password');
 const confirmPassword = document.getElementById('confirmPassword');
 const errorMsg = document.getElementById('errorMsg');
 const successMsg = document.getElementById('successMsg');
+const showPasswordCheckbox = document.getElementById('showPassword');
 
 const minLength = 8;
 
+const passwordIndicator = document.getElementById('passwordIndicator');
+
+password.addEventListener('input', function() {
+    const pass = password.value.trim();
+
+    if (pass.length === 0) {
+        passwordIndicator.textContent = '';
+        return;
+    }
+    if (pass.length < minLength) {
+        passwordIndicator.textContent = ` (au moins ${minLength} caractères requis)`;
+        passwordIndicator.style.color = 'red';
+    } else  {
+        passwordIndicator.textContent = 'Fort';
+        passwordIndicator.style.color = 'green';        
+
+    }
+});
+
 form.addEventListener('submit', function(e) {
     e.preventDefault();
 
@@ -30,8 +50,17 @@ form.addEventListener('submit', function(e) {
         return;
     }
 
-    //Succès
+   
-    successMsg.style.display = 'block';
-    successMsg.textContent = 'Mot de passe réinitialisé avec succès !';
 });
 
+
+showPasswordCheckbox.addEventListener('change', function() {
+    if (this.checked) {
+        password.type = 'text';
+        confirmPassword.type = 'text'; 
+
+    } else {
+        password.type = 'password';
+        confirmPassword.type = 'password'; 
+    }
+});

connexion/reinitialisation_mot_de_passe/reinitialisation_mot_de_passe.html

@@ -29,9 +29,17 @@
         <h3 class="text-center mb-4">Nouveau mot de passe</h3>
         <p class="text-center text-muted mb-4">
           Pour réinitialiser votre mot de passe, veuillez saisir un nouveau mot
-          de passe ainsi qu'une confirmation. Le mot de passe doit contenir au
+          de passe ainsi qu'une confirmation.
-          minimum 8 caractères.
+         
         </p>
+        
+          <div
+            id="errorMsg"
+            class="alert alert-danger text-center"
+            style="display: none"
+          >
+            Les mots de passe ne correspondent pas.
+          </div>
 
         <form id="resetForm">
           <div class="mb-3">
@@ -44,6 +52,7 @@
               id="password"
               required
             />
+            <small id="passwordIndicator" class="fw-bold"</small>
           </div>
 
           <div class="mb-3">
@@ -56,15 +65,15 @@
               id="confirmPassword"
               required
             />
-          </div>
+            <label for="showPassword">
+            <input type="checkbox" id="showPassword" />
+              Voir le mot de passe
+            </label>
 
-          <div
-            id="errorMsg"
-            class="alert alert-danger text-center"
-            style="display: none"
-          >
-            Les mots de passe ne correspondent pas.
           </div>
+          
+
+         
 
           <div
             id="successMsg"