+ ${M.notificationTitle} +
+ ++ ${M.notificationText} +
+ + `; + + document.body.appendChild(banner); + + // 4. Fonctions d'animation et de gestion + const hideBanner = () => { + // DĂ©clenche l'animation de disparition + banner.classList.remove('opacity-100', 'translate-y-0'); + banner.classList.add('opacity-0', 'translate-y-full'); + // Supprime aprĂšs l'animation pour nettoyer le DOM + setTimeout(() => { + if (document.body.contains(banner)) { + document.body.removeChild(banner); + } + }, 600); + }; + + // Clic sur le bouton de fermeture + document.getElementById('closeNotificationBanner').addEventListener('click', () => { + hideBanner(); + }); + + // Clic sur le bouton d'activation -> Logique Push + document.getElementById('activateNotifications').addEventListener('click', async () => { + await promptForPermissionAndSubscribe(); + // Fermer le bandeau aprĂšs l'interaction (que ce soit accordĂ© ou refusĂ©) + hideBanner(); + }); + + // 5. Affichage et Timer + + // Montre le bandeau (dĂ©clencher l'animation) + setTimeout(() => { + banner.classList.remove('opacity-0', 'translate-y-full'); + banner.classList.add('opacity-100', 'translate-y-0'); + }, 100); + + // Cache le bandeau automatiquement aprĂšs la durĂ©e dĂ©finie + setTimeout(hideBanner, DURATION_MS); +} + + +/** + * Affiche le bandeau de consentement aux cookies en bas Ă droite s'il n'a jamais Ă©tĂ© acceptĂ©. + */ +function handleCookieBanner() { + // 0. MASQUAGE POUR PAGESPEED + if (isPerformanceTestAgent()) { + console.log("Cookie Banner skipped for performance test agent."); + return; + } + // --- FIN MASQUAGE --- + + const BANNER_ID = 'cookie-banner'; + const M = getLanguageMessages(); // RĂ©cupĂšre les messages traduits + + // 1. NE PAS AFFICHER si le consentement est dĂ©jĂ enregistrĂ© + if (localStorage.getItem(COOKIE_STORAGE_KEY) === 'true') { + return; + } + + // 2. Si le bandeau existe dĂ©jĂ , on quitte. + if (document.getElementById(BANNER_ID)) { + return; + } + + // 3. CrĂ©er le conteneur du message (position bottom-right) + const banner = document.createElement('div'); + banner.id = BANNER_ID; + banner.className = `fixed bottom-4 right-4 z-50 p-4 max-w-sm + bg-white text-gray-800 rounded-xl shadow-2xl + transition-all duration-500 transform + opacity-0 translate-y-full + border border-gray-100 + md:right-8 md:bottom-8`; // Style initial (masquĂ©) + + // Utilisation de M.cookieText, M.cookieLink et M.cookieButton + // MODIFICATION APPORTĂE ICI : Ajout de py-2 (padding vertical) au lien "En savoir plus" + banner.innerHTML = ` ++ ${M.cookieText} +
+{{ form_errors(form) }}
+ {% else %} + {# Affiche l'erreur pour les champs composés (si form_errors n'est pas déjà dans le widget) #} + {{ form_errors(form) }} + {% endif %} ++ {{ 'text.enter_new_password'|trans }} +
+ + {# Affichage des messages flash (ex: token expiré ou invalide) #} + {% for flash_error in app.flashes('reset_password_error') %} ++ {{ 'text.enter_email_for_reset'|trans }} +
+ + {# Affichage des messages flash (succĂšs ou erreur) #} + {% for flash_error in app.flashes('reset_password_error') %} ++ {{ 'text.check_inbox_title'|trans }} +
++ {{ 'text.check_inbox_description'|trans }} +
++ {{ 'text.spam_folder_tip'|trans }} +
+ + {# Lien de Retour Ă la Connexion #} + + +