Pour éviter de rendre la page invalide avec plusieurs ID, voici une solution : Remplacer les divs par un custom element "notyf" 🟢_notyf.html.twig : Replacer le contenu par {% for message in app.flashes('success') %}{{ message }}{% endfor %} {% for message in app.flashes('info') %}{{ message }}{% endfor %} {% for message in app.flashes('warning') %}{{ message }}{% endfor %} {% for message in app.flashes('error') %}{{ message }}{% endfor %} 🟢notyf.js : replacer let messages = document.querySelectorAll('#notyf-message'); par let messages = document.querySelectorAll('notyf'); 🟢app.css remplacer #notyf-message { display: none; } par notyf { display: none; } merci du tutoriel, je ne connaissait pas Notyf, et maintenant, il risque de faire partie de ma base de projet symfony !
Merci pour tous les partages Yoan ;) Pourrais-tu faire une vidéo de notification qui dépendra à une date dans une base de données stp :D (en utilisant Symfony).
Sympa comme découverte, je ne connaissais pas cette lib. Si je peux me permettre, il vaudrait mieux mettre une classe sur la div du message plutôt qu'un id, en cas de plusieurs notifications la page n'est plus valide 😉 Merci pour la vidéo !
bon je ne vais me désabonner , mais faites ce que vous faites très bien c-a-d du DEV !!! ... parce que le fascisme, je crois qu'on est en plein dedans ! Merci pour le taf !
Dommage je me désabonne. Je suis la uniquement pour du dev et non de la politique. Je ne vote même pas mais insupportable d’entendre un appel au vote. Les gens sont assez grands pour savoir ce qu’ils ont à faire. Le contenu symfony n’est pas ce qui manque.
Vu l’abstentionnisme qu’il y a eu au premier tour chez les jeunes, on se demande vraiment si les gens sont assez grand pour savoir ce qu’ils ont à faire… bref. @yoandev merci pour tes contenus !
C’est clair, j’étais étonné de ne pas voir un commentaire pour le signaler. Il faut aller voir Nouvelle Techno, Thomas boileau si vous voulez du bon contenu.
Pour éviter de rendre la page invalide avec plusieurs ID, voici une solution :
Remplacer les divs par un custom element "notyf"
🟢_notyf.html.twig :
Replacer le contenu par
{% for message in app.flashes('success') %}{{ message }}{% endfor %}
{% for message in app.flashes('info') %}{{ message }}{% endfor %}
{% for message in app.flashes('warning') %}{{ message }}{% endfor %}
{% for message in app.flashes('error') %}{{ message }}{% endfor %}
🟢notyf.js :
replacer
let messages = document.querySelectorAll('#notyf-message');
par
let messages = document.querySelectorAll('notyf');
🟢app.css
remplacer
#notyf-message {
display: none;
}
par
notyf {
display: none;
}
merci du tutoriel, je ne connaissait pas Notyf, et maintenant, il risque de faire partie de ma base de projet symfony !
Au top 🔥
Ou tous simplement mettre notyf-message en class en plus de success, info,…. (Et adapter les sélecteurs)
Bon retour parmis nous ;).. une super vidéo comme toujours avec une petite librairie bien sympa. Merci.
Merci Cyril !
Merci pour la vidéo Yoan 😀
Merci beaucoup Serge 😘
Merci Yoan! Je trouve très bien ce type de video. Parfois on doit utiliser aussi du JS :)
Hé hé !
JS mais par petite touche uniquement 😅
Merci !
Je me disais "va t-il se rendre compte qu'on voit pas les notifs ?!" et t'as fais durer le suspens 😄
Comme je ne regarde pas le retour de ce que je suis en train de tourner... Je m'en suis rendu compte.... À la fin !
Le boulet 🤣
Parfait Yoan comme d’hab 👌
Merci beaucoup 👌
merci yoan pour ta video , et bah est-ce que tu peut nous faire une tuto sur le symfony ux turbo component
Merci pour tous les partages Yoan ;) Pourrais-tu faire une vidéo de notification qui dépendra à une date dans une base de données stp :D (en utilisant Symfony).
Je me suis demandé combien de temps tu mettrai à voir qu'on ne voyait rien :) Merci pour la vidéo
Roh le gros boulet 🤣🤣🤣
J'étais mort de rire !
Merciiii Yoan 😊
Merciiiiiiiiiiii 😘
Merci pour le tuto
Sympa comme découverte, je ne connaissais pas cette lib. Si je peux me permettre, il vaudrait mieux mettre une classe sur la div du message plutôt qu'un id, en cas de plusieurs notifications la page n'est plus valide 😉
Merci pour la vidéo !
Merci pour la correction 👌
Je suis un noob en JavaScript 😅
En soit c'est pas un problème pour le JS, c'est plutôt en terme d'accessibilité que ça peut poser des soucis pour les outils.
Merci pour la vidéo. Mais au final quel est le plus de cette bibliothèque par rapport au flash message classique de symfony ?
On utilise bien le système de flash message de Symfony, on utilise cette lib uniquement pour l'affichage des Flashs Message Symfony justement 👌
merci yoyo ;-)
Merci 👌👌
Rien à voir mais tu as eu où ce sweat de l'esa ? 😊
Ils ont un shop officiel 😍
Le plus dur étant de choisir 😅
bon je ne vais me désabonner , mais faites ce que vous faites très bien c-a-d du DEV !!! ... parce que le fascisme, je crois qu'on est en plein dedans ! Merci pour le taf !
Oula tout ça pour ça xD je préfère styliser ma propre notif et l'afficher directement sans passer par le package du coup
Ha ha.
En vrais, ça prend 5 minutes 👌
Dommage je me désabonne.
Je suis la uniquement pour du dev et non de la politique. Je ne vote même pas mais insupportable d’entendre un appel au vote. Les gens sont assez grands pour savoir ce qu’ils ont à faire.
Le contenu symfony n’est pas ce qui manque.
Bonne route 👉
Je suis complètement d’accord avec toi.
Vraiment déplacé.
Vu l’abstentionnisme qu’il y a eu au premier tour chez les jeunes, on se demande vraiment si les gens sont assez grand pour savoir ce qu’ils ont à faire… bref.
@yoandev merci pour tes contenus !
C’est clair, j’étais étonné de ne pas voir un commentaire pour le signaler.
Il faut aller voir Nouvelle Techno, Thomas boileau si vous voulez du bon contenu.
Deux excellente chaînes en effet.
Bye bye 👉