Comment ajouter un nouveau bouton dans quick-access-profile ?

Dev
1

Bonjour !

Est-il possible d’ajouter un nouveau lien dans cette section :

Capture d’écran 2024-03-05 à 10.33.36
Capture d’écran 2024-03-05 à 10.33.36980×946 46.6 KB

Il se situerait entre « préférence » et « notifications ». Soit en modifiant mon thème, soit en ajoutant un nouveau plugin.

Merci !

2

Bonjour ! Bienvenue à nouveau. :slight_smile:

Vous avez une fonction d’API addQuickAccessProfileItem qui permet d’insérer un élément avant le bouton de déconnexion.

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L1893-L1907

Par exemple :

<script type="text/discourse-plugin" version="0.8">
api.addQuickAccessProfileItem({
  icon: "pencil-alt",
  href: "/somewhere",
  content: "Test"
})
</script>

L'image montre une interface utilisateur d'ordinateur avec un menu déroulant qui comprend des options telles que Résumé, Activité, Invitations, Brouillons, Préférences, Pause des notifications, Test et Déconnexion. (Légendé par l'IA)
L'image montre une interface utilisateur d'ordinateur avec un menu déroulant qui comprend des options telles que Résumé, Activité, Invitations, Brouillons, Préférences, Pause des notifications, Test et Déconnexion. (Légendé par l'IA)374×350 7.49 KB

Ensuite, vous pouvez utiliser du CSS pour réorganiser les éléments (ce n’est pas idéal, mais il n’y a pas beaucoup de choix)

.user-menu {
    .summary { order: 1 }
    .activity { order: 2 }
    .invites { order: 3 }
    .drafts { order: 4 }
    .preferences { order: 5 }
    
    /* le vôtre ici */
    .test { order: 6 }
    
    .do-not-disturb { order: 7 }
    .logout { order: 8 }
}

image
image378×212 3.98 KB

J’espère que cela vous aidera. :+1:

9 « J'aime »
3

Merci beaucoup !

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.