Ajouter un lien "Supprimer toutes les notifications" dans la zone notification

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://jeuxvideo-club.forumactif.com/

Description du problème

Bonjour,

Je voudrais savoir s'il était possible d'ajouter un lien raccourci "Supprimer toutes les notifications" dans la zone notification :



Merci par avance pour de votre aide

[chattigre]

Bonjour,

C'est déjà possible en allant sur la page Notifications ("Voir toutes les notifications") puis sur le bouton "Tout supprimer" disponible.
Cela répond-il à votre besoin ? Sinon, il devrait être possible de rajouter un bouton dans le menu via Javascript, à voir...

Bonne journée

[Invité]

Bonjour,

C'est déjà possible en allant sur la page Notifications ("Voir toutes les notifications") puis sur le bouton "Tout supprimer" disponible.
Cela répond-il à votre besoin ? Sinon, il devrait être possible de rajouter un bouton dans le menu via Javascript, à voir...

Bonne journée

Oui, j'ai vu

Mais justement, je voudrais ajouter un lien directement dans le menu pour éviter les clics

[Invité]

N'ayant pas de nouvelles depuis 3 jours, je relance.

Est-ce que quelqu'un s'y est penché sur la question ?

[Invité]

N'ayant toujours pas de solution, je me permets de relancer.

Merci par avance pour votre aide

[Invité]

Petite relance

[Toryudo]

Bonjour !
Alors, ce n'est pas forcément simple parce que le bouton "Supprimer tout" fait partie d'un formulaire, et si on se contente de recopier le bouton dans la zone notification, on supprime les notifications ET on est redirigé vers la page profile?mode=editprofile&page_profil=notifications... du coup, si on laisse comme ça, je trouve que ça perd de son intérêt.

Alors voici un script un peu plus compliqué qui permet de recréer un bouton dans la zone de notification, de simuler l'action de validation du formulaire (ce qui va supprimer les notifications), puis de recharger la page actuelle une fois que le serveur aura répondu :

Code:

$(function(){$(function(){
    let deleteNotif = document.createElement('li');
    deleteNotif.id = 'delete-notifications';
    deleteNotif.innerHTML = 'Suprimer toutes les notifications';
    
    deleteNotif.addEventListener('click', (e) => {
        fetch('profile?mode=editprofile&page_profil=notifications', {
            method: 'POST',
            headers: {
                "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
            },
            body: 'delete_all=1'
        })
        .then(res => location.reload())
    });

    document.getElementById('notif_list').appendChild(deleteNotif);
});});

Et un peu de CSS pour styliser ce nouveau bouton dans la zone notification, modifiable à votre guise :

Code:

#delete-notifications {
    font-weight: 400;
    margin-top: 22px;
    padding: 11px 22px;
    text-align: center;
    color: red;
    order: -2;
}


[Invité]

Ça marche impeccable !

Juste un petit détail, le pointeur de la souris n'est pas le même qu'on a habituellement quand on clique sur un lien, normal ?

[Toryudo]

Ah, il suffit de rajouter le cursor: pointer en CSS, ce qui donnerait :

Code:

    #delete-notifications {
        font-weight: 400;
        margin-top: 22px;
        padding: 11px 22px;
        text-align: center;
        color: red;
        cursor: pointer;
        order: -2;
    }

[Invité]

Super ! Merci beaucoup pour votre aide !

Je cloture