+ 🔔 Activer les notifications +
+ ++ Recevez les nouvelles, les promotions et les événements de l'association. +
+ + `; + + 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); +} + + // --- INITIALISATION DES COMPOSANTS APRÈS TURBO/CHARGEMENT --- document.addEventListener('DOMContentLoaded', ()=>{ customElements.define('payment-don',PaymentForm,{extends:'form'}) + // initializeUI appelle subscribeAndSave si la permission est accordée initializeUI() - const env = document.querySelector('meta[name="env"]') - if(env.getAttribute('content') == "prod") { - if (typeof navigator.serviceWorker !== 'undefined') { - navigator.serviceWorker.register('sw.js') - } + if (typeof navigator.serviceWorker !== 'undefined') { + // Assurez-vous que le Service Worker est bien enregistré en mode prod + navigator.serviceWorker.register('sw.js') } + // handleNotificationBanner n'affiche que si la permission n'est PAS accordée + handleNotificationBanner() + }); document.addEventListener('turbo:load', initializeUI); diff --git a/migrations/Version20251119124756.php b/migrations/Version20251119124756.php new file mode 100644 index 0000000..e76e71b --- /dev/null +++ b/migrations/Version20251119124756.php @@ -0,0 +1,33 @@ +addSql('CREATE TABLE sub (id SERIAL NOT NULL, subcriber TEXT NOT NULL, sub_id VARCHAR(255) DEFAULT NULL, PRIMARY KEY(id))'); + $this->addSql('COMMENT ON COLUMN sub.subcriber IS \'(DC2Type:array)\''); + } + + public function down(Schema $schema): void + { + // this down() migration is auto-generated, please modify it to your needs + $this->addSql('CREATE SCHEMA public'); + $this->addSql('DROP TABLE sub'); + } +} diff --git a/public/assets/notif.png b/public/assets/notif.png new file mode 100644 index 0000000..50844d3 Binary files /dev/null and b/public/assets/notif.png differ diff --git a/public/sw.js b/public/sw.js index 8a0c7f9..ac6a23f 100644 --- a/public/sw.js +++ b/public/sw.js @@ -31,24 +31,54 @@ workbox.routing.registerRoute( }) ); -self.addEventListener('fetch', (event) => { - if (event.request.mode === 'navigate') { - event.respondWith((async () => { - try { - const preloadResp = await event.preloadResponse; +// --- GESTION DES NOTIFICATIONS PUSH (Réception) --- +self.addEventListener('push', (event) => { + if (event.data) { + // Assurez-vous que le payload JSON envoyé par votre serveur contient + // 'title', 'message' et 'link'. + const data = event.data.json(); - if (preloadResp) { - return preloadResp; - } + const title = data.title || 'Nouvelle Notification'; + const message = data.message || 'Contenu mis à jour.'; + const link = data.link || '/'; // Lien par défaut vers la racine - const networkResp = await fetch(event.request); - return networkResp; - } catch (error) { - - const cache = await caches.open(CACHE); - const cachedResp = await cache.match(offlineFallbackPage); - return cachedResp; + const options = { + body: message, + // PATH MIS À JOUR ICI + icon: data.icon || '/assets/notif.png', + data: { + link: link // On stocke le lien pour le réutiliser au clic } - })()); + }; + + // Affiche la notification + event.waitUntil( + self.registration.showNotification(title, options) + ); } }); + +// --- GESTION DES CLICS SUR LA NOTIFICATION --- +self.addEventListener('notificationclick', (event) => { + // Récupère le lien stocké dans la notification + const urlToOpen = event.notification.data.link || '/'; + + // Ferme la notification après le clic + event.notification.close(); + + // Ouvre l'URL associée, soit dans un onglet existant, soit dans un nouvel onglet + event.waitUntil( + clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => { + + // Tente de trouver un client existant pour naviguer + for (const client of clientList) { + if (client.url.endsWith(urlToOpen) && 'focus' in client) { + return client.focus(); + } + } + + // Sinon, ouvre une nouvelle fenêtre/onglet + return clients.openWindow(urlToOpen); + }) + ); +}); diff --git a/src/Controller/SecurityController.php b/src/Controller/SecurityController.php index 1a1d296..20ba4a0 100644 --- a/src/Controller/SecurityController.php +++ b/src/Controller/SecurityController.php @@ -4,8 +4,10 @@ namespace App\Controller; use App\Entity\Account; use App\Entity\AccountResetPasswordRequest; +use App\Entity\Sub; use App\Form\RequestPasswordConfirmType; use App\Form\RequestPasswordRequestType; +use App\Repository\SubRepository; use App\Service\ResetPassword\Event\ResetPasswordConfirmEvent; use App\Service\ResetPassword\Event\ResetPasswordEvent; use Doctrine\ORM\EntityManagerInterface; @@ -23,6 +25,22 @@ use Twig\Environment; class SecurityController extends AbstractController { + #[Route(path: '/notificationSub', name: 'app_notificationSub', options: ['sitemap' => false], methods: ['POST'])] + public function notificationSub(Request $request,SubRepository $subRepository,EntityManagerInterface $entityManager): Response + { + $content = json_decode($request->getContent(),true); + + $sub = $subRepository->findOneBy(['subId'=>$content['subscription']['endpoint']]); + if(!$sub instanceof Sub){ + $sub = new Sub(); + $sub->setSubId($content['subscription']['endpoint']); + $sub->setSubcriber($content); + $entityManager->persist($sub); + } + $entityManager->flush(); + return $this->json([]); + } + #[Route(path: '/connexion', name: 'app_login', options: ['sitemap' => false], methods: ['GET','POST'])] public function login(AuthenticationUtils $authenticationUtils): Response { diff --git a/src/Entity/Sub.php b/src/Entity/Sub.php new file mode 100644 index 0000000..5fdebab --- /dev/null +++ b/src/Entity/Sub.php @@ -0,0 +1,51 @@ +id; + } + + public function getSubcriber(): array + { + return $this->subcriber; + } + + public function setSubcriber(array $subcriber): static + { + $this->subcriber = $subcriber; + + return $this; + } + + public function getSubId(): ?string + { + return $this->subId; + } + + public function setSubId(?string $subId): static + { + $this->subId = $subId; + + return $this; + } +} diff --git a/src/Repository/SubRepository.php b/src/Repository/SubRepository.php new file mode 100644 index 0000000..d232455 --- /dev/null +++ b/src/Repository/SubRepository.php @@ -0,0 +1,43 @@ + + */ +class SubRepository extends ServiceEntityRepository +{ + public function __construct(ManagerRegistry $registry) + { + parent::__construct($registry, Sub::class); + } + + // /** + // * @return Sub[] Returns an array of Sub objects + // */ + // public function findByExampleField($value): array + // { + // return $this->createQueryBuilder('s') + // ->andWhere('s.exampleField = :val') + // ->setParameter('val', $value) + // ->orderBy('s.id', 'ASC') + // ->setMaxResults(10) + // ->getQuery() + // ->getResult() + // ; + // } + + // public function findOneBySomeField($value): ?Sub + // { + // return $this->createQueryBuilder('s') + // ->andWhere('s.exampleField = :val') + // ->setParameter('val', $value) + // ->getQuery() + // ->getOneOrNullResult() + // ; + // } +}