refonte arborescence + correction des chemins

connexion/js/page_de_connexion.js

@@ -0,0 +1,35 @@
+const password = document.getElementById('password');
+const confirmPassword = document.getElementById('confirmPassword');
+const showPasswordCheckbox = document.getElementById('showPassword');
+
+
+
+
+
+showPasswordCheckbox.addEventListener('change', function() {
+    if (this.checked) {
+        password.type = 'text';
+        confirmPassword.type = 'text'; 
+
+    } else {
+        password.type = 'password';
+        confirmPassword.type = 'password'; 
+    }
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

connexion/js/reinitialisation_du_mot_de_passe.js

@@ -0,0 +1,72 @@
+const form = document.getElementById('resetForm');
+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();
+
+    // Réinitialisation des messages
+    errorMsg.style.display = 'none';
+    successMsg.style.display = 'none';
+
+    const pass = password.value.trim();
+    const confirm = confirmPassword.value.trim();
+
+    //Longueur minimale
+    if (pass.length < minLength) {
+        errorMsg.style.display = 'block';
+        errorMsg.textContent = `Le mot de passe doit contenir au moins ${minLength} caractères.`;
+        return;
+    }
+
+    //Correspondance
+    if (pass !== confirm) {
+        errorMsg.style.display = 'block';
+        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);
+
+   
+});
+
+
+showPasswordCheckbox.addEventListener('change', function() {
+    if (this.checked) {
+        password.type = 'text';
+        confirmPassword.type = 'text'; 
+
+    } else {
+        password.type = 'password';
+        confirmPassword.type = 'password'; 
+    }
+});