Comment créer un onglet d'activité personnalisé dans le profil utilisateur?

Dev
1

J’expérimentais le développement de plugins et, bien que j’aie réussi à faire apparaître les paramètres du plugin sur la page des paramètres d’administration, je ne suis pas tout à fait sûr de la manière de faire apparaître les éléments de l’interface utilisateur dans l’interface utilisateur de Discourse.

Si quelqu’un peut m’orienter vers la documentation pertinente ou me dire quels fichiers consulter dans un plugin existant comme référence, ce serait vraiment formidable.

PS : J’essaie de modifier globalement ces sections.

  1. ajouter une chaîne personnalisée dans la zone (métadonnées du sujet) userbit sous le nom d’utilisateur dans le message.
  2. ajouter un bouton dans la zone de contrôle des messages pour ouvrir un formulaire
  3. ajouter un onglet personnalisé sur la page d’activité du profil utilisateur
  4. ajouter des informations récapitulatives personnalisées sur la carte utilisateur et les statistiques récapitulatives utilisateur
1 « J'aime »
2

Je recommanderais d’utiliser Introducing Discourse developer toolbar .

Ensuite, recherchez un point d’insertion de plugin où vous pouvez insérer un composant :

image

Ensuite, vous pouvez voir par exemple :

L'image montre une barre de navigation sur un site Web ou une application avec des onglets pour Résumé, Activité, Notifications, Messages, Invitations et Badges, y compris un onglet mis en surbrillance étiqueté "user-main-nav" en vert. (Légendé par l'IA)
L'image montre une barre de navigation sur un site Web ou une application avec des onglets pour Résumé, Activité, Notifications, Messages, Invitations et Badges, y compris un onglet mis en surbrillance étiqueté "user-main-nav" en vert. (Légendé par l'IA)1072×137 12.3 KB

Voici un guide à ce sujet :

2 « J'aime »
3

Est-il possible de demander des points de connexion pour les plugins ?

J’espère pouvoir insérer la note de réputation de l’utilisateur sous son nom d’utilisateur. Ou, en fonction de l’expérience, quel serait un bon endroit pour l’insérer. topic-map-expanded-after ?

Screenshot 2025-04-09 at 11.40.29 PM
Screenshot 2025-04-09 at 11.40.29 PM1704×1100 240 KB

1 « J'aime »
4

Bien sûr ! Vous pouvez créer un sujet Dev.

Il n’apparaît pour une raison quelconque, mais vous avez des points d’extension autour du nom du message :

ancienne réponse

discourse/app/assets/javascripts/discourse/app/components/post/meta-data/poster-name.gjs at main · discourse/discourse · GitHub

Il faut activer le mode flux de messages glimmer :

Le graphique montre un menu de paramètres pour activer une nouvelle implémentation de flux de messages 'glimmer' en mode 'auto', actuellement en développement actif et non destiné à une utilisation en production. (Légendé par l'IA)
Le graphique montre un menu de paramètres pour activer une nouvelle implémentation de flux de messages 'glimmer' en mode 'auto', actuellement en développement actif et non destiné à une utilisation en production. (Légendé par l'IA)649×339 34.4 KB

Ensuite, ils apparaissent :

Le graphique montre du code HTML où un élément affiche le nom "John Doe" entre ses balises d'ouverture et de fermeture. (Légendé par l'IA)
Le graphique montre du code HTML où un élément affiche le nom "John Doe" entre ses balises d'ouverture et de fermeture. (Légendé par l'IA)651×213 12.9 KB

1 « J'aime »
5

Alors, ce point de sortie serait-il post-metadata__after ou utiliserait-on renderAfterWrapperOutlet("post-metadata") ?

1 « J'aime »
6

Ce serait une bonne option à essayer, oui.

1 « J'aime »
7

Vous pouvez jouer avec cela, mais assurez-vous de lire la clause de non-responsabilité dans la description du paramètre. Ce mode n’est pas encore prêt pour une utilisation en production. Nous ne l’utilisons même pas sur Meta.

Pour l’implémentation actuelle du post-stream, vous devrez utiliser l’ancienne API decorateWidget ou l’API addPosterIcon :

2 « J'aime »
8

Désolé, David, je me suis laissé emporter par les nouveautés et j’ai complètement ignoré l’avertissement qu’il est encore en cours de développement actif. :sweat_smile: Je ferai attention la prochaine fois.

2 « J'aime »
9

Pour cela, j’ai utilisé ce qui suit pour rendre le bouton.

api.registerValueTransformer("post-menu-buttons", ({ value: dag, context })

Maintenant, je suis bloqué car je ne parviens pas à ouvrir la modale sans erreurs lorsque j’utilise d’autres composants.

1 « J'aime »
10

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