Estilo de avatar de nivel de confianza

[tshenry (Taylor)]

Este componente del tema permite a un administrador agregar distintivos a los avatares de los usuarios según su nivel de confianza. Los distintivos de nivel de confianza se muestran en cualquier lugar del sitio donde normalmente verías distintivos de grupo. Hay algunas configuraciones del tema para ajustar la posición del distintivo en relación con el avatar.

Ejemplos básicos (con distintivo de grupo en su lugar)

También hay una posición en la esquina inferior derecha que reemplazará al distintivo de grupo o será reemplazada por él, dependiendo de cómo configures la opción “el distintivo de grupo siempre encima”.

Configuración principal

Uso de imágenes como distintivos

Necesitarás agregar tus propias imágenes de distintivos al componente del tema. Un buen tamaño es de aproximadamente 100×100 px. La que usé en el ejemplo anterior es de 88×88 px. Puedes descargar una imagen plantilla transparente aquí para empezar si te resulta útil:

La forma más sencilla de subir una imagen es crear un componente local separado llamado “Activos de distintivos de avatar por nivel de confianza” (instrucciones aquí para quienes no estén familiarizados). Al ver el componente de activos, selecciona el botón + Agregar en la sección Subidas del componente del tema y elige tu archivo de imagen de distintivo. Repite esto para cada imagen de distintivo que quieras incluir. Una vez que hayas subido las imágenes, haz clic derecho en el enlace de la imagen y copia la URL de la misma. Finalmente, pega la URL en el campo de nivel de confianza de tu elección.

Uso de Font Awesome para tus distintivos

Puedes usar iconos de Font Awesome en lugar de imágenes subidas. Una lista completa de iconos disponibles se encuentra aquí. Todo lo que necesitas hacer es marcar la configuración para usar Font Awesome y luego agregar el nombre del icono al campo de imagen de distintivo correspondiente:

NOTA IMPORTANTE: Actualmente no es posible mezclar Font Awesome e imágenes; si hay un gran interés en hacerlo, puedo investigarlo más.

Configuraciones

Verás que hay varias configuraciones disponibles dentro de este componente del tema. Tienen descripciones que explican qué hacen y cómo usarlas, pero si alguien tiene sugerencias sobre cómo mejorarlas para hacerlas más claras, ¡hazmelo saber!

Al pasar el cursor sobre el distintivo de avatar por nivel de confianza, se mostrará el nombre del nivel de confianza. Si deseas cambiar el nombre del nivel de confianza, puedes ir a Administración > Personalizar > Texto y buscar lo siguiente para cambiar los nombres:

• 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

¡Siéntete libre de publicar si tienes alguna pregunta, problema o sugerencia!

	Repositorio	Distintivos de avatar por nivel de confianza
	Guía de instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en temas de Discourse?	Guía para principiantes sobre el uso de temas en 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

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

IMPORTANTE: si anteriormente había subido archivos de imagen de insignias directamente a este componente, deberá volver a subir sus imágenes de insignias a un componente separado antes de actualizar. Consulte a continuación.

Acabo de aplicar una pequeña actualización y he editado la publicación original de este tema. Ya no se admite agregar activos de iconos directamente a este componente. Cuando se actualiza un componente de tema remoto, todos los activos cargados manualmente se eliminan, ya que intenta sincronizarse con el repositorio remoto de GitHub. Esto puede crear una situación confusa o molesta para los administradores, por lo que ahora bloqueamos por completo la adición de cargas a temas remotos.

La nueva recomendación es la siguiente:

@tshenry

La forma más sencilla de subir una imagen es crear un componente local separado llamado " Activos de insignias de avatar por nivel de confianza " (instrucciones aquí para quienes no estén familiarizados). Al ver el componente de activos, seleccione el botón + Agregar en la sección Cargas del componente del tema y elija su archivo de imagen de insignia. Repita esto para cada imagen de insignia que desee incluir. Una vez que tenga las imágenes cargadas, haga clic derecho en el enlace de la imagen y copie la URL de la imagen. Finalmente, pegue la URL en el campo de nivel de confianza de su elección.

Por favor, hágamelo saber si tiene alguna pregunta o dificultad para configurar la nueva configuración.

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

Hola @tshenry y gracias por todo el trabajo
Necesito que mi foro muestre un segundo distintivo (ya tengo el del grupo principal) de un segundo grupo.
Este componente de tema de distintivo de avatar por nivel de confianza sería perfecto; solo necesito que pueda mostrar 10 grupos (niveles de acceso de mi Discourse).

Leí que en 2018 estabas abierto a esa idea, ¿sigues pensando que es posible?

[jtbayly]

Actualmente estoy usando esto:

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

Sí, pensé lo mismo y lo intenté, pero las insignias con este componente son tan pequeñas que es difícil verlas…
Realmente desearía que pudiéramos usar distintivos y avatares con los grupos secundarios

[tshenry (Taylor)]

@LeCoyote

Leí que estabas abierto a esa idea en 2018, ¿sigues pensando que es posible?

Lamentablemente, no creo que sea posible con un componente de tema en este momento. No creo que estemos serializando los datos del grupo requeridos en los tres contextos de insignias de avatar, solo en el grupo principal. En este punto, creo que tendría que hacerse como un plugin. Desafortunadamente, en este momento no tengo la capacidad para trabajar en algo así. Siempre puedes probar en el Marketplace si necesitas que alguien te ayude a construir una solución para tu sitio.

[Fraudoctor (Christian)]

¿Es posible usar esta función pero tener insignias de confianza diferentes SOLO si alguien TAMBIÉN pertenece a un grupo en particular?

Ejemplo: Quiero insignias para personas de un grupo y no de otro.

[Don]

Hola Taylor,

Gracias por este TC. Noto esta advertencia de deprecación que puede causar problemas después de la actualización a Ember CLI. Te agradecería si pudieras solucionarlo. Gracias

[tshenry (Taylor)]

¡Gracias por el aviso! Deberías estar listo una vez que actualices el componente:

Replace Discourse global with import

[satonotdead]

¿Se puede deshabilitar para los miembros del personal?

[Arduous (Alan Inglis)]

Los niveles de confianza de los usuarios ahora se muestran en la parte inferior izquierda de la publicación de un usuario en lugar de incluirse dentro de la insignia de la foto/avatar del usuario.

¿Alguien más experimenta lo mismo?

[ondrej]

Hola Alan

¿Estás hablando de 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)]

Ese es el que @ondrej

En lugar de colocarse dentro de la imagen, se coloca en la parte inferior izquierda.

Así que donde he rodeado arriba.

[maiki]

¡Hola @Arduous!

Me alegra que @ondrej haya identificado el componente afectado.

¿Has revisado la consola web para ver si hay algún error en el sitio? ¿Sería posible compartir un enlace al sitio afectado para que podamos revisarlo?