Nível de Confiança - Avatar Flair

[tshenry (Taylor)]

Este componente de tema permite que um administrador adicione destaque aos avatares dos usuários com base no nível de confiança do usuário. O destaque do nível de confiança é exibido em qualquer lugar do site onde normalmente você veria o destaque de grupo. Existem algumas configurações de tema para ajustar a posição do destaque em relação ao avatar.

Exemplos básicos (com destaque de grupo em vigor)

Também há uma posição inferior-direita que substituirá o destaque de grupo ou será substituída por ele, dependendo de como você configurar a opção “destaque de grupo sempre no topo”.

Configuração principal

Usando imagens como destaque

Você precisará adicionar suas próprias imagens de destaque ao componente do tema. Um bom tamanho é de aproximadamente 100×100px. A que usei no exemplo acima tem 88×88px. Você pode baixar uma imagem modelo transparente aqui para começar, se for útil:

A maneira mais fácil de fazer o upload de uma imagem é criar um componente local separado chamado “Ativos de Destaque de Avatar por Nível de Confiança” (instruções aqui para quem não está familiarizado). Ao visualizar o componente de ativos, selecione o botão + Adicionar na seção Uploads do componente do tema e escolha o arquivo de imagem do seu destaque. Repita isso para cada imagem de destaque que você deseja incluir. Depois de fazer o upload das imagens, clique com o botão direito no link da imagem e copie a URL da imagem. Por fim, cole a URL no campo de nível de confiança de sua escolha.

Usando Font Awesome para o seu destaque

Você pode usar ícones do Font Awesome em vez de imagens carregadas. Uma lista completa dos ícones disponíveis pode ser encontrada aqui. Tudo o que você precisa fazer é marcar a configuração para usar Font Awesome e depois adicionar o nome do ícone ao campo de imagem de destaque apropriado:

NOTA IMPORTANTE: Atualmente, você não pode misturar Font Awesome e imagens. Se houver um forte interesse em fazer isso, posso investigar mais.

Configurações

Você verá que há várias configurações disponíveis neste componente de tema. Elas possuem descrições explicando o que fazem e como usá-las, mas se alguém tiver sugestões sobre como melhorá-las para tornar tudo mais claro, por favor, me avise!

Passar o mouse sobre o destaque de avatar por nível de confiança exibirá o nome do nível de confiança. Se você deseja alterar o nome do nível de confiança, pode ir para Admin > Personalizar > Texto e pesquisar o seguinte para alterar os nomes:

• 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

Sinta-se à vontade para postar se houver dúvidas, problemas ou sugestões!

	Repositório	Destaque de Avatar por Nível de Confiança
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo em Temas do Discourse?	Guia para iniciantes no uso de Temas do 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

Quais são as chances de ser adicionada uma opção de administrador ou de usuário para remover isso sob solicitação individual?

Se for um pouco demais pedir, você poderia fornecer o CSS que pode ser adicionado para remover isso individualmente?

Obrigado

[tshenry (Taylor)]

Uma nova configuração para usuários ou administradores é um pouco mais do que estou disposto a adicionar neste momento, mas acabei de enviar uma atualização que adicionará uma nova classe ao elemento de destaque de avatar do nível de confiança, para que você possa direcionar um usuário específico. Substitua NOME_DE_USUÁRIO pelo nome de usuário do usuário relevante para ocultar o destaque do avatar dele:

tl-flair-NOME_DE_USUÁRIO {
    display: none !important;
}

[tshenry (Taylor)]

IMPORTANTE: se você já fez upload de arquivos de imagem de flair diretamente para este componente, será necessário re-fazer o upload das suas imagens de flair para um componente separado antes de atualizar. Consulte abaixo.

Acabei de aplicar uma pequena atualização e editar o OP deste tópico. Adicionar ativos de ícone diretamente a este componente não é mais suportado. Quando um componente de tema remoto é atualizado, todos os ativos carregados manualmente são excluídos, pois ele tenta sincronizar com o repositório remoto do GitHub. Isso pode criar uma situação confusa/chata para administradores, então agora bloqueamos completamente a adição de uploads a temas remotos.

A nova recomendação é a seguinte:

@tshenry

A maneira mais fácil de fazer o upload de uma imagem é criar um componente local separado chamado Ativos de Flair de Avatar por Nível de Confiança (instruções aqui para quem não está familiarizado). Ao visualizar o componente de ativos, selecione o botão + Adicionar na seção Uploads do componente do tema e escolha o arquivo de imagem do seu flair. Repita isso para cada imagem de flair que deseja incluir. Após fazer o upload das imagens, clique com o botão direito no link da imagem e copie a URL da imagem. Por fim, cole a URL no campo de nível de confiança de sua escolha.

Por favor, me avise se tiver alguma dúvida ou dificuldade para configurar o novo sistema.

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

Olá @tshenry e obrigado por todo o trabalho
Preciso que meu fórum exiba uma segunda flair (já tenho a flair do grupo primário exibida) de um segundo grupo.
O componente de tema Trust-Level Avatar Flair seria perfeito; só preciso que seja capaz de exibir 10 grupos (níveis de acesso do meu Discourse).

Li que você estava aberto a essa ideia em 2018. Você ainda acha que é possível?

[jtbayly]

Atualmente estou usando este:

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

Sim, eu pensei isso e tentei, mas as medalhas com este componente são tão pequenas que são difíceis de ver…
Eu realmente gostaria que pudéssemos usar distintivos e avatares com grupos secundários

[tshenry (Taylor)]

@LeCoyote

Li que você estava aberto a essa ideia em 2018, você ainda acha que é possível?

Infelizmente, não acho que seja possível com um componente de tema no momento. Não acredito que serializamos os dados do grupo necessários em todos os três contextos de flair de avatar, apenas no grupo principal. Neste ponto, acho que precisaria ser feito como um plugin. Infelizmente, não tenho disponibilidade para trabalhar em algo assim no momento. Você sempre pode tentar o Marketplace se precisar de alguém para ajudá-lo a construir uma solução para seu site.

[Fraudoctor (Christian)]

É possível usar esse recurso, mas ter diferentes distinções de confiança apenas se a pessoa também pertencer a um grupo específico?

Exemplo: Quero uma distinção para pessoas de um grupo e não para outro.

[Don]

Olá Taylor,

Obrigado por este TC. Notei este aviso de Deprecation que pode causar problemas após a atualização para o Ember CLI. Agradeceria se você pudesse corrigi-lo. Obrigado

[tshenry (Taylor)]

Obrigado pelo aviso! Você deve estar pronto assim que atualizar o componente:

Replace Discourse global with import

[satonotdead]

Pode ser desativado para membros da equipe?

[Arduous (Alan Inglis)]

Os níveis de confiança dos usuários agora são exibidos no canto inferior esquerdo de uma postagem do usuário em vez de serem incluídos no distintivo da foto/avatar do usuário.

Alguém está passando pela mesma coisa?

[ondrej]

Olá Alan

Você está falando sobre este componente de tema?

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

É esse mesmo, @ondrej

Em vez de ser colocado dentro da imagem, ele é colocado no canto inferior esquerdo.

Então, onde eu circulei acima.

[maiki]

Oi @Arduous!

Fico feliz que @ondrej tenha identificado o componente afetado.

Você verificou o console da web para ver se há algum erro no site? É possível compartilhar um link para o site afetado para que possamos dar uma olhada?