Vertrauens-Level Avatar Flair

[tshenry (Taylor)]

Dieses Theme-Komponente ermöglicht es Administratoren, basierend auf dem Vertrauenslevel eines Benutzers Flair zu seinen Avataren hinzuzufügen. Das Vertrauenslevel-Flair wird überall auf der Website angezeigt, ansonsten auch Gruppens flair zu sehen wäre. Es gibt einige Theme-Einstellungen, um die Position des Flairs in Bezug auf den Avatar anzupassen.

Grundlegende Beispiele (mit vorhandenem Gruppens flair)

Es gibt auch eine Position unten rechts, die entweder das Gruppens flair ersetzt oder durch dieses ersetzt wird, je nachdem, wie Sie die Einstellung „Gruppens flair immer oben" konfigurieren.

Hauptkonfiguration

Verwendung von Bildern als Flair

Sie müssen Ihre eigenen Flair-Bilder zur Theme-Komponente hinzufügen. Eine gute Größe liegt bei etwa 100×100 Pixeln. Das in obigem Beispiel verwendete Bild hat eine Größe von 88×88 Pixeln. Wenn es Ihnen hilft, können Sie hier eine transparente Vorlage herunterladen, um zu beginnen: hier:

Der einfachste Weg, ein Bild hochzuladen, besteht darin, eine separate lokale Komponente namens „Trust Level Avatar Flair Assets" zu erstellen (Anleitungen hier für diejenigen, die damit nicht vertraut sind). Wenn Sie die Assets-Komponente anzeigen, wählen Sie die Taste + Hinzufügen im Bereich Uploads der Theme-Komponente aus und wählen Sie Ihre Flair-Bilddatei aus. Wiederholen Sie dies für jedes Flair-Bild, das Sie einfügen möchten. Sobald die Bilder hochgeladen sind, klicken Sie mit der rechten Maustaste auf den Bildlink und kopieren Sie die URL des Bildes. Fügen Sie schließlich die URL in das Vertrauenslevel-Feld Ihrer Wahl ein.

Verwendung von Font Awesome für Ihr Flair

Sie können Font Awesome-Icons anstelle von hochgeladenen Bildern verwenden. Eine vollständige Liste der verfügbaren Icons finden Sie hier. Alles, was Sie tun müssen, ist die Einstellung zur Verwendung von Font Awesome zu aktivieren und dann den Namen des Icons in das entsprechende Flair-Bildfeld einzufügen:

WICHTIGER HINWEIS: Derzeit können Sie Font Awesome und Bilder nicht mischen. Wenn ein starkes Interesse daran besteht, kann ich dies weiter untersuchen.

Einstellungen

Sie werden feststellen, dass mehrere Einstellungen innerhalb dieser Theme-Komponente verfügbar sind. Sie enthalten Beschreibungen, die erklären, was sie tun und wie sie verwendet werden. Falls jemand Vorschläge hat, wie man sie verbessern kann, um die Dinge klarer zu machen, lassen Sie es mich bitte wissen!

Wenn Sie mit der Maus über das Vertrauenslevel-Avatar-Flair fahren, wird der Name des Vertrauenslevels angezeigt. Wenn Sie den Namen des Vertrauenslevels ändern möchten, können Sie zu Admin > Anpassen > Text gehen und nach folgenden Einträgen suchen, um die Namen zu ändern:

• 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

Zögern Sie nicht, einen Beitrag zu verfassen, falls Fragen, Probleme oder Vorschläge bestehen!

	Repository	Trust-level Avatar Flair
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

[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

Whats the chances an admin option, or user option could be added to remove this per individual request?

If that’s a bit much to ask could you provide the css to add that might remove for an individual?

Thank you

[tshenry (Taylor)]

A new setting for users or admins is a bit more than I am interested in adding at this time, but I have just pushed a update that will add a new class to the trust level avatar flair element so you can target a specific user. Replace USERNAME with the username of the relevant user to hide the flair from their avatar:

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

[tshenry (Taylor)]

IMPORTANT: if you had previously uploaded flair image files directly to this component you will need to re-upload your flair images to a separate component before updating. Please see below.

I’ve just pushed a small update and edited the OP of this topic. Adding the icon assets directly to this component is no longer supported. When a remote theme component is updated all of the manually uploaded assets are deleted as it tries to sync with the remote GitHub repository. This can create a confusing/annoying situation for admins so we now block adding uploads to remote themes altogether.

The new reccomendaation is as follows:

@tshenry

The easiest way to upload an image is to create a separate “ Trust Level Avatar Flair Assets ” local component (instructions here for those unfamiliar). When viewing the assets component, select the + Add button under the Uploads section of the theme component and choose your flair image file. Repeat this for each flair image you want to include. Once you have the images uploaded, right click on the image link and copy the url of the image. Finally, paste the url into the trust level field of your choice.

Please let me know if you have any question or trouble figuring out the new setup.

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

Hi @tshenry and thanks for all the work
I need for my forum to display a second flair (I already have the primararly displayed group) from a second group.
This Trust-Level Avatar Flair theme component would be perfect, I just need it to be able to display 10 groups (levels of access of my Discourse).

I read you were opened to that idea in 2018, do you still think it is possible ?

[jtbayly]

I’m currently using this:

Post Badges

Please consider using GitHub - paviliondev/discourse-post-badges-plugin instead of this component. As it currently stands, this component will make one ajax request per loaded post. This can add up depending on your hosting situation and community size, so please keep that in mind as you consider installing this component. It’s clear that there is a good amount of interest in this feature, so hope to improve the situation as time permits. Summary Post Badges …

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

Yes, I thought so and I tried but the badges with this component are so small they are hard to see…
I trully wish we could use flairs and avatars with second groups

[tshenry (Taylor)]

@LeCoyote

I read you were opened to that idea in 2018, do you still think it is possible ?

Sadly, I don’t think it is possible with a theme component at the moment. I don’t believe we serialize the required group data in all three of of the avatar flair contexts, only the primary group. At this point I think it would need to be done as a plugin. Unfortunately, I don’t have the bandwidth to work on something like that at the moment. You could always try the marketplace if you need someone to help you build a solution for your site.

[Fraudoctor (Christian)]

Is it possible to use this feature but have different trust flairs ONLY if someone ALSO belongs to a particular group?

Example: I want flair for people in one group and not another.

[Don]

Hallo Taylor,

Vielen Dank für diesen TC. Mir ist diese Deprecation-Warnung aufgefallen, die nach dem Update auf Ember CLI Probleme verursachen könnte. Ich wäre Ihnen dankbar, wenn Sie dies beheben könnten. Vielen Dank

[tshenry (Taylor)]

Danke für den Hinweis! Sie sollten alles in Ordnung haben, sobald Sie die Komponente aktualisiert haben:

Replace Discourse global with import

[satonotdead]

Kann es für Mitarbeiter deaktiviert werden?

[Arduous (Alan Inglis)]

Die Vertrauensstufen der Benutzer werden nun unten links in einem Benutzerbeitrag angezeigt, anstatt innerhalb des Bild-/Avatar-Flairs des Benutzers enthalten zu sein.

Erleben Sie das Gleiche?

[ondrej]

Hallo Alan

Sprichst du über diese Themenkomponente?

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)]

Das ist der richtige, @ondrej

Anstatt innerhalb des Bildes platziert zu werden, wird es unten links platziert.

Also dort, wo ich oben eingekreist habe.

[maiki]

Hallo @Arduous!

Ich freue mich, dass @ondrej die betroffene Komponente identifiziert hat.

Hast du die Webkonsole überprüft, ob es Fehler auf der Website gibt? Könntest du einen Link zu der betroffenen Website teilen, die wir uns ansehen könnten?