Como exibir FullName nos Tópicos no tema Fakebook

Alguém pode me dizer como exibir o FullName em tópicos especificamente na página ‘…/latest’?

  1. Desativei as configurações do site ‘prioritize username in ux’.
  2. Habilitei as configurações do site ‘display name on posts’.

Mesmo depois de fazer isso, consigo ver apenas o userName no tópico em vez do fullName. Alguém pode me ajudar?

Você recarregou a página depois de alterar as configurações?

Sim, eu fiz @pfaffman. Na verdade, estou enfrentando esse problema há muito tempo. Preciso mudar alguma coisa nas configurações do site? Você poderia me dizer se há algo além das duas opções acima? Atualmente, está assim, exibindo apenas o nome de usuário.

Olá @Pandiyan :slight_smile:

Não tenho certeza se entendi o que você quer dizer com isso. Onde os nomes de usuário são exibidos na página /latest? Você poderia fornecer uma captura de tela maior da página onde você deseja que os nomes de usuário sejam substituídos por nomes completos para que eu possa ter uma ideia melhor do que você está tentando alcançar?

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

Obrigado @JammyDodger por perguntar mais detalhes sobre meu problema. E muito obrigado @Don Great! . Exatamente, é um tema FakeBook que estamos usando. Tentarei seguir os passos para conseguir.

E eu também gostaria de saber, existe alguma outra possibilidade de adicionar um conjunto de códigos no cabeçalho do meu componente/qualquer outra seção/ou em CSS?, para que seja a maneira mais simples, certo. Me avise se houver algo. Obrigado!

2 curtidas