Cómo mostrar FullName en Temas en el tema Fakebook

¿Alguien puede decirme cómo mostrar el NombreCompleto en los temas específicamente en la página ‘…/latest’?

  1. He deshabilitado la configuración del sitio ‘priorizar nombre de usuario en ux’.
  2. He habilitado la configuración del sitio ‘mostrar nombre en las publicaciones’.

Incluso después de hacer esto, solo puedo ver el nombre de usuario en el tema en lugar del nombre completo. ¿Alguien puede ayudarme?

¿Recargaste la página después de cambiar la configuración?

Sí, lo hice @pfaffman. De hecho, he estado enfrentando este problema durante mucho tiempo. ¿Necesito cambiar algo en la configuración del sitio? ¿Podrías decirme si hay algo más aparte de las dos opciones anteriores? Actualmente se ve así, mostrando solo el nombre de usuario.

Hola @Pandiyan :slight_smile:

No estoy seguro de entender a qué te refieres con esto. ¿Dónde se muestran los nombres de usuario en la página /latest? ¿Podrías dar una captura de pantalla más grande de la página donde deseas que los nombres de usuario sean reemplazados por nombres completos para que pueda tener una mejor idea de lo que intentas lograr?

Hola,

Parece que este es el tema Fakebook, un tema para amantes de las redes sociales. El tema Fakebook utiliza una plantilla personalizada en la lista de temas para mostrar el nombre de usuario, pero puedes modificar esta plantilla para mostrar también el nombre completo. :slightly_smiling_face:

Para ello, necesitas bifurcar el tema en Github y editar el archivo de plantilla. Este es el archivo que tienes que modificar en tu bifurcación. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

Esta plantilla tiene una sección que maneja los datos del usuario en la lista de temas. Tienes que editarla.

Esta línea muestra el nombre de usuario. :arrow_down_small:

<span class="username">{{topic.posters.[0].user.username}}</span>

Así que tenemos que añadir el nombre completo antes o después de esto.


Para añadir el nombre completo, simplemente cambia esta sección por algo como esto :arrow_down_small:

<div class="name-and-date">
  <span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
  <span class="username">{{topic.posters.[0].user.username}}</span>
    {{format-date topic.createdAt format="tiny"}}
</div>

He añadido esta línea encima de username y esto mostrará el nombre completo en la lista de temas, encima del nombre de usuario.

<span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>

Probablemente necesites algún cambio en CSS, pero puedes apuntar fácilmente a la clase full-name-topic-list o a cualquier otra clase que hayas añadido.


He bifurcado el tema Fakebook ahora y he hecho este cambio en este commit para que puedas verlo. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

Y así es como se ve.

Don - Nombre completo
dodesz - Nombre de usuario

Espero que esto ayude :slightly_smiling_face:

2 Me gusta

Gracias @JammyDodger por pedir más detalles sobre mi problema. Y muchas gracias @Don Great! . Exactamente, estamos usando un tema de FakeBook. Intentaré seguir los pasos para lograrlo.

Y también me gustaría saber, ¿hay alguna otra posibilidad de agregar un conjunto de códigos en el encabezado de mi componente/cualquier otra sección/o en CSS?, para que sea la forma más sencilla, ¿verdad? Avísame si hay algo. ¡Gracias!

2 Me gusta