/* ------------------ CLOCHETTE ------------------ */ (function () { function styleBell() { const el = document.querySelector('pwa-push-notification-bell, pwa-push-notifications-button'); if (el && el.shadowRoot) { const sheet = new CSSStyleSheet(); sheet.replaceSync(` .push-notifications-button { z-index: 2000000 !important; position: fixed !important; } `); el.shadowRoot.adoptedStyleSheets = [...el.shadowRoot.adoptedStyleSheets, sheet]; return true; } return false; } customElements.whenDefined('pwa-push-notifications-button').then(() => { if (!styleBell()) { const observer = new MutationObserver(() => { if (styleBell()) observer.disconnect(); }); observer.observe(document.body, { childList: true, subtree: true }); } }); })(); (async () => { try { const res = await fetch("https://www.estivareilles03.fr/wp-json/wp/v2/posts?categories=158&per_page=1"); const posts = await res.json(); if (posts.length > 0) { const post = posts[0]; const postId = post.id; const lastModified = post.modified; // ✅ date de dernière modification const lastSeen = localStorage.getItem("lastSeenAlert"); // On stockera "id|modified" dans localStorage const currentKey = `${postId}|${lastModified}`; // Si déjà vu → on arrête if (lastSeen === currentKey) return; // Texte brut → utile pour bouton Lire const plainText = (post.content.rendered || "") .replace(/<[^>]+>/g, "") .trim(); // Formatage date FR const pubDate = new Date(post.date).toLocaleDateString("fr-FR", { day: "2-digit", month: "long", year: "numeric" }); // Overlay const overlay = document.createElement("div"); overlay.className = "pwa-alert-backdrop"; // Fenêtre const modal = document.createElement("div"); modal.className = "pwa-alert-modal"; modal.innerHTML = `

⚡

${post.title.rendered}

📅 ${pubDate}

${post.content.rendered}

${ plainText.length > 600 ? `Lire →` : "" }

`; overlay.appendChild(modal); document.body.appendChild(overlay); // Fermeture const close = () => { overlay.remove(); localStorage.setItem("lastSeenAlert", currentKey); // ✅ on stocke id + modif }; modal.querySelector(".pwa-alert-close").addEventListener("click", close); modal.querySelector(".pwa-btn-close").addEventListener("click", close); // ✅ Correction : clique sur Lire → = marqué comme vu aussi const readBtn = modal.querySelector(".pwa-btn-read"); if (readBtn) { readBtn.addEventListener("click", () => { localStorage.setItem("lastSeenAlert", currentKey); }); } // Supprimer l'écouteur d'événement qui ferme la modale quand on clique à l'extérieur //overlay.addEventListener("click", (e) => { // if (e.target === overlay) close(); //}); } } catch (e) { console.error("Erreur alerte PWA :", e); } })();

kermesse-logo-entete