Cómo mostrar FullName en Temas en el tema Fakebook

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