Como exibir FullName nos Tópicos no tema Fakebook

Olá,

Parece que este é o tema Fakebook, um tema para amantes de mídias sociais. O tema Fakebook usa um template personalizado na lista de tópicos para mostrar o nome de usuário, mas você pode modificar este template para mostrar o nome completo também. :slightly_smiling_face:

Para isso, você precisa fazer um fork do tema no Github e editar o arquivo de template. Este é o arquivo que você tem que modificar no seu fork. https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

Este template tem uma seção que lida com os dados do usuário na lista de tópicos. Você tem que editar isso.

Esta linha mostra o nome de usuário. :arrow_down_small:

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

Então, temos que adicionar o nome completo antes ou depois disso.


Para adicionar o nome completo, basta alterar esta seção para algo assim: :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>

Eu adicionei esta linha acima de username e isso mostrará o nome completo na lista de tópicos, acima do nome de usuário.

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

Provavelmente precisará de alguma alteração no CSS, mas você pode facilmente direcionar a classe full-name-topic-list ou qualquer outra classe que você adicionou.


Eu fiz um fork do tema Fakebook agora e fiz essa alteração neste commit, então você pode vê-lo. Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

E é assim que fica.

Don - Nome Completo
dodesz - Nome de usuário

Espero que ajude :slightly_smiling_face:

2 curtidas