Flair d'avatar niveau de confiance

[tshenry (Taylor)]

Ce composant de thème permet à un administrateur d’ajouter des éléments de style (flair) aux avatars des utilisateurs en fonction de leur niveau de confiance. Le flair de niveau de confiance s’affiche partout sur le site où l’on verrait normalement le flair de groupe. Quelques paramètres du thème permettent d’ajuster la position du flair par rapport à l’avatar.

Exemples de base (avec le flair de groupe en place)

Il existe également une position en bas à droite qui remplacera le flair de groupe ou sera remplacée par celui-ci, selon la façon dont vous configurez le paramètre “le flair de groupe toujours au premier plan”.

Configuration principale

Utilisation d’images comme flair

Vous devrez ajouter vos propres images de flair au composant de thème. Une bonne taille est d’environ 100 × 100 px. Celle utilisée dans l’exemple ci-dessus fait 88 × 88 px. Vous pouvez télécharger une image modèle transparente ici pour commencer, si cela vous aide :

La méthode la plus simple pour télécharger une image consiste à créer un composant local séparé nommé “Assets du flair d’avatar de niveau de confiance” (instructions ici pour ceux qui ne sont pas familiers). Lorsque vous visualisez le composant des assets, sélectionnez le bouton + Ajouter sous la section Téléchargements du composant de thème et choisissez votre fichier d’image de flair. Répétez cette opération pour chaque image de flair que vous souhaitez inclure. Une fois les images téléchargées, faites un clic droit sur le lien de l’image et copiez l’URL. Enfin, collez l’URL dans le champ de niveau de confiance de votre choix.

Utilisation de Font Awesome pour votre flair

Vous pouvez utiliser des icônes Font Awesome au lieu d’images téléchargées. Une liste complète des icônes disponibles se trouve ici. Il vous suffit de cocher le paramètre pour utiliser Font Awesome, puis d’ajouter le nom de l’icône dans le champ d’image de flair approprié :

NOTE IMPORTANT : Actuellement, il n’est pas possible de mélanger Font Awesome et des images. Si un intérêt marqué se manifeste pour cette fonctionnalité, je pourrai l’étudier davantage.

Paramètres

Vous constaterez qu’il existe plusieurs paramètres disponibles dans ce composant de thème. Ils sont accompagnés de descriptions expliquant leur fonction et leur utilisation. Cependant, si vous avez des suggestions pour les améliorer et les rendre plus clairs, n’hésitez pas à me le faire savoir !

Le survol du flair d’avatar de niveau de confiance affiche le nom du niveau de confiance. Si vous souhaitez modifier ce nom, accédez à Admin > Personnaliser > Texte et recherchez les éléments suivants pour effectuer les modifications :

• js.trust_levels.names.newuser
• js.trust_levels.names.basic
• js.trust_levels.names.member
• js.trust_levels.names.regular
• js.trust_levels.names.leader

N’hésitez pas à poster si vous avez des questions, des problèmes ou des suggestions !

	Dépôt	Flair d’avatar de niveau de confiance
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide pour débutant sur l’utilisation des thèmes Discourse

[jtbayly]

Is there any chance of this eventually supporting group flair?

[tshenry (Taylor)]

@jtbayly

Is there any chance of this eventually supporting group flair?

I’d like this particular component to remain focused on trust-level, but that doesn’t mean I’m not open to exploring something similar for group flair.

I looked back at your original request.

@jtbayly

we do have the need to display 2 or 3 flair from different groups.

I’ll need to look into how doable this is with a theme component. I suspect that accessing the full list of groups a user belongs to would require a plugin that adds that info to the appropriate serializer, but I could be wrong. I will let you know if/when I have good news. I have a pretty full plate at the moment, so it could be a while before I have an update.

[jtbayly]

That’s very kind of you. I’m not familiar enough yet to know what can be done with themes vs plugins.

[Jason3 (Jason)]

wow, i love it, i’m using it only for my trust level 4 leaders.

i have so many groups, and they all have different flairs, and so many colored name tags, that this is nice so the community and the new users know who are the leaders and the mods and are there to help them out

[anon48433008]

Taylor

Quelles sont les chances qu’une option administrateur, ou une option utilisateur, puisse être ajoutée pour supprimer cela sur demande individuelle ?

Si c’est un peu trop demander, pourriez-vous fournir le CSS à ajouter qui permettrait de le supprimer pour un individu ?

Merci

[tshenry (Taylor)]

Ajouter un nouveau paramètre pour les utilisateurs ou les administrateurs va un peu au-delà de ce que je souhaite intégrer pour le moment, mais je viens de pousser une mise à jour qui ajoute une nouvelle classe à l’élément d’insigne d’avatar de niveau de confiance, vous permettant ainsi de cibler un utilisateur spécifique. Remplacez USERNAME par le nom d’utilisateur concerné pour masquer l’insigne sur son avatar :

tl-flair-USERNAME {
    display: none !important;
}

[tshenry (Taylor)]

IMPORTANT : si vous aviez précédemment téléchargé des fichiers d’image de flair directement dans ce composant, vous devrez les re-télécharger vers un composant séparé avant de procéder à la mise à jour. Veuillez consulter ci-dessous.

Je viens de publier une petite mise à jour et d’éditer le premier message de ce sujet. L’ajout direct d’assets d’icônes à ce composant n’est plus pris en charge. Lorsqu’un composant de thème distant est mis à jour, tous les assets téléchargés manuellement sont supprimés car il tente de se synchroniser avec le dépôt GitHub distant. Cela peut créer une situation confuse ou frustrante pour les administrateurs, nous bloquons donc désormais l’ajout de téléchargements aux thèmes distants dans leur ensemble.

La nouvelle recommandation est la suivante :

@tshenry

Le moyen le plus simple de télécharger une image consiste à créer un composant local séparé intitulé « Trust Level Avatar Flair Assets » (instructions ici pour ceux qui ne sont pas familiers). Lorsque vous visualisez le composant d’assets, sélectionnez le bouton + Ajouter sous la section Téléchargements du composant de thème et choisissez votre fichier d’image de flair. Répétez cette opération pour chaque image de flair que vous souhaitez inclure. Une fois les images téléchargées, faites un clic droit sur le lien de l’image et copiez l’URL de l’image. Enfin, collez l’URL dans le champ de niveau de confiance de votre choix.

N’hésitez pas à me faire part de vos questions ou difficultés concernant la nouvelle configuration.

[LeCoyote (https://hec.fm)]

Bonjour @tshenry et merci pour tout le travail accompli
J’ai besoin que mon forum affiche un deuxième insigne (j’en ai déjà un pour le groupe principal) provenant d’un deuxième groupe.
Ce composant de thème « Trust-Level Avatar Flair » serait parfait ; il me suffit qu’il puisse afficher 10 groupes (niveaux d’accès de mon Discourse).

J’ai lu que vous étiez ouvert à cette idée en 2018. Pensez-vous toujours que c’est possible ?

[jtbayly]

J’utilise actuellement ceci :

Post Badges

Summary Post Badges will add earned badges next to a post author’s username. Specific badges to display can be adjusted through a theme setting. Preview Preview on theme-creator.discourse.org Repository Link https://github.com/discourse/discourse-post-badges New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component [39%20PM] Key features Support for both default and custom …

[LeCoyote (https://hec.fm)]

Oui, je le pensais et j’ai essayé, mais les badges avec ce composant sont si petits qu’ils sont difficiles à voir…
J’aimerais vraiment pouvoir utiliser des flairs et des avatars avec les groupes secondaires

[tshenry (Taylor)]

@LeCoyote

J’ai lu que vous étiez ouvert à cette idée en 2018. Pensez-vous toujours que c’est possible ?

Malheureusement, je ne pense pas que ce soit possible avec un composant de thème pour le moment. Je ne crois pas que nous sérialisions les données de groupe requises dans les trois contextes de flaire d’avatar, mais seulement pour le groupe principal. À ce stade, je pense que cela devrait être réalisé sous forme de plugin. Malheureusement, je n’ai pas la capacité de travailler sur quelque chose de tel pour le moment. Vous pouvez toujours essayer le Marketplace si vous avez besoin de quelqu’un pour vous aider à construire une solution pour votre site.

[Fraudoctor (Christian)]

Est-il possible d’utiliser cette fonctionnalité mais d’avoir des badges de confiance différents UNIQUEMENT si une personne APPARTIENT ÉGALEMENT à un groupe particulier ?

Exemple : Je veux un badge pour les personnes d’un groupe et pas pour celles d’un autre.

[Don]

Bonjour Taylor,

Merci pour ce TC. Je remarque cet avertissement de dépréciation qui pourrait causer des problèmes après la mise à jour vers Ember CLI. J’apprécierais que vous puissiez le corriger. Merci

[tshenry (Taylor)]

Merci pour l’information ! Vous devriez être prêt une fois que vous aurez mis à jour le composant :

Replace Discourse global with import

[satonotdead]

Peut-il être désactivé pour les membres du personnel ?

[Arduous (Alan Inglis)]

Les niveaux de confiance des utilisateurs s’affichent désormais en bas à gauche d’une publication d’utilisateur au lieu d’être inclus dans le flair de la photo/avatar de l’utilisateur.

Quelqu’un d’autre rencontre-t-il le même problème ?

[ondrej]

Bonjour Alan

Parlez-vous de ce composant de thème ?

Trust-Level Avatar Flair

This theme component allows an admin to add flair to user avatars based on the user’s trust level. Trust level flair displays anywhere on the site that you would normally see group flair. There are a few theme settings to adjust the position of the flair in relation to the avatar. Basic Examples (with group flair in place) [examples] There is also a bottom-right position that will either replace group flair or be replaced by group flair depending on how you set the “group flair always on top” …

[Arduous (Alan Inglis)]

C’est celui-là @ondrej

Au lieu d’être placé dans l’image, il est placé en bas à gauche.

Donc là où j’ai encerclé ci-dessus.

[maiki]

Salut @Arduous !

Je suis content que @ondrej ait identifié le composant concerné.

Avez-vous vérifié la console web pour voir s’il y a des erreurs sur le site ? Serait-il possible de partager un lien vers le site concerné pour que nous puissions y jeter un œil ?