Trust-Level Avatar Flair

[tshenry (Taylor)]

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)

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” setting.

Main setup

Using images as flair

You will need to add your own flair images to the theme component. A good size is around 100×100px. The one I used in the example above is 88×88px. You can download a transparent template image here to get started if that’s helpful:

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.

Using Font Awesome for your flair

You can use Font Awesome icons instead of using uploaded images. A full list of available icons can be found here. All you need to do is check the setting to use Font Awesome then add the name of the icon to the appropriate flair image field:

IMPORTANT NOTE: Currently you cannot mix Font Awesome and images, if there is a strong interest in doing so, I can look into it further.

Settings

You will find that there are several settings available within this theme component. They have descriptions explaining what they do and how to use them, but if anyone has an suggestions on how to improve them to make things more clear, please let me know!

Hovering over the trust-level avatar flair will display the name of the trust level. If you wish to change the name of the trust level, you can go to Admin > Customize > Text and search for the following to change the names:

• 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

Please feel free to post if there are any questions, problems, or suggestions!

	Repository	Trust-level Avatar Flair
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using 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]

Тейлор

Каковы шансы, что будет добавлена опция администратора или пользователя для удаления этого по индивидуальному запросу?

Если это слишком много просить, могли бы вы предоставить CSS-код, который можно добавить, чтобы убрать это для конкретного пользователя?

Спасибо

[tshenry (Taylor)]

Добавление новой настройки для пользователей или администраторов сейчас кажется мне излишним, но я только что выкатил обновление, которое добавляет новый класс к элементу флага уровня доверия аватара, чтобы вы могли выбрать конкретного пользователя. Замените USERNAME на имя пользователя, от которого нужно скрыть флаг на аватаре:

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

[tshenry (Taylor)]

ВАЖНО: если вы ранее загружали файлы изображений флейра напрямую в этот компонент, вам необходимо загрузить их заново в отдельный компонент перед обновлением. Пожалуйста, ознакомьтесь с информацией ниже.

Я только что выкатил небольшое обновление и отредактировал исходный пост этой темы. Прямое добавление иконок-ассетов в этот компонент больше не поддерживается. При обновлении компонента удалённой темы все вручную загруженные ассеты удаляются, так как система пытается синхронизироваться с удалённым репозиторием GitHub. Это может создать запутанную и раздражающую ситуацию для администраторов, поэтому мы теперь полностью блокируем возможность загрузки файлов в удалённые темы.

Новая рекомендация выглядит следующим образом:

@tshenry

Самый простой способ загрузить изображение — создать отдельный локальный компонент « Trust Level Avatar Flair Assets » (инструкции здесь для тех, кто не знаком с процессом). При просмотре компонента с ассетами выберите кнопку + Add в разделе Uploads компонента темы и выберите файл вашего изображения флейра. Повторите это для каждого изображения флейра, которое вы хотите включить. После загрузки изображений нажмите правой кнопкой мыши на ссылку изображения и скопируйте URL. Наконец, вставьте этот URL в поле доверия по вашему выбору.

Пожалуйста, дайте знать, если у вас возникнут вопросы или трудности с настройкой новой схемы.

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

Привет @tshenry и спасибо за всю вашу работу
Мне нужно, чтобы на моем форуме отображался второй флейр (у меня уже есть основной флейр группы) из второй группы.
Этот компонент темы «Флейры аватара по уровню доверия» подошел бы идеально, мне только нужно, чтобы он мог отображать 10 групп (уровней доступа в моём Discourse).

Я прочитал, что вы были открыты к этой идее в 2018 году, считаете ли вы, что это всё ещё возможно?

[jtbayly]

Сейчас я использую это:

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

Да, я так и думал, и попробовал, но бейджи с этим компонентом настолько малы, что их трудно разглядеть…
Я очень надеюсь, что сможем использовать флейры и аватары для вторичных групп

[tshenry (Taylor)]

@LeCoyote

Я читал, что вы были открыты к этой идее в 2018 году, всё ещё считаете это возможным?

К сожалению, я не думаю, что это возможно с помощью компонента темы на данный момент. Я не считаю, что мы сериализуем необходимые данные группы во всех трёх контекстах аватара и флэра, только для основной группы. На данном этапе, думаю, это нужно будет реализовать в виде плагина. К сожалению, у меня сейчас нет ресурсов для работы над чем-то подобным. Вы всегда можете обратиться в Marketplace, если вам понадобится помощь в создании решения для вашего сайта.

[Fraudoctor (Christian)]

Возможно ли использовать эту функцию, но назначать разные флейры доверия только в том случае, если пользователь также состоит в определённой группе?

Пример: я хочу, чтобы флейр был у людей из одной группы, но не из другой.

[Don]

Привет, Тейлор,

Спасибо за этот TC. Я заметил предупреждение об устаревании, которое может вызвать проблемы после обновления Ember CLI. Буду признателен, если вы сможете это исправить. Спасибо

[tshenry (Taylor)]

Спасибо за предупреждение! После обновления компонента всё должно быть в порядке:

Replace Discourse global with import

[satonotdead]

Это можно отключить для сотрудников?

[Arduous (Alan Inglis)]

Уровни доверия пользователей теперь отображаются в левом нижнем углу сообщения пользователя, а не внутри флейра фотографии/аватара.

У кого-нибудь возникла такая же проблема?

[ondrej]

Привет, Алан

Вы имеете в виду этот компонент темы?

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

Это он, @ondrej.

Вместо того чтобы располагаться внутри изображения — он размещён в нижнем левом углу.

То есть там, где я обвёл выше.

[maiki]

Привет @Arduous!

Я рад, что @ondrej определил затронутый компонент.

Вы проверяли веб-консоль, чтобы увидеть, есть ли на сайте ошибки? Можно ли поделиться ссылкой на затронутый сайт, чтобы мы могли его посмотреть?