Adicione ícones para Visualizações e Respostas, e a data da Última Atividade nos Cartões de Tópico

O Topic Cards oferece uma maneira simples, porém bonita e utilizável de renderizar tópicos nas páginas principais. No entanto, há espaço para melhorias nos metadados que ele apresenta.

  • Ele mostra apenas Curtidas. Enquanto isso, o também oficial Topic List Thumbnails mostra elegantemente ícones para Visualizações, Curtidas, Respostas, e a Última Atividade também é renderizada de forma organizada junto com esses ícones.
  • Ele mostra a data de publicação em vez da data da última atividade, o que é inconsistente com o comportamento padrão do Discourse e pode causar confusão aos usuários (“por que este tópico está no topo se é tão antigo?”)

image

A solução pode ser simples em termos de UX: renderizar os metadados em Tópicos de Cartões (Topic Cards) da mesma forma que está sendo renderizado em Miniaturas de Lista de Tópicos (Topic List Thumbnails). Mesmo código, se possível. Mais consistência e, teoricamente, menos trabalho de manutenção.

Veja para comparação:

Tópicos de Cartões

Veja a data de publicação à esquerda e o :heart: à direita.

Miniaturas de Lista de Tópicos

Mesmo tópico. O dobro de dados mostrados e, ainda assim, não adiciona poluição visual, e a data corresponde à última atividade, não à data de publicação, assim como o padrão do Discourse faz.

5 curtidas

Você pode consultar o tema fkb, fiz personalizações adicionais e criei um modelo de tema para uso privado em https://businesslab.vn

2 curtidas

Para tornar esta sugestão simples, proponho referir-me a um componente oficial (Miniaturas da Lista de Tópicos) para melhorar outro componente oficial (Cartões de Tópicos). Adicionar temas ou componentes de terceiros à mistura complica as coisas, não importa quão bons esses componentes externos possam ser. :slight_smile:

Eu pessoalmente prefiro ficar com o tema Padrão e construir sobre ele. Podemos estar optando pelo tema Elegante apenas porque ele oferece mais flexibilidade de design com áreas de fundo/flutuantes. Os Cartões de Tópicos complementam bem os princípios do tema Elegante e não adicionam mais recursos que (no nosso caso) não precisamos.

2 curtidas

Isso parece uma boa melhoria para mim. Não temos largura de banda para aceitar esta alteração agora, mas estou a marcá-la como pr-welcome, o que significa que teremos todo o gosto em rever uma contribuição da comunidade que faça a alteração proposta aqui.

Obrigado pela sugestão @icaria36.

5 curtidas

Ótimo! @RGJ e eu começamos a discutir um PR.

5 curtidas

:+1: PR aqui Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub

5 curtidas

Muito obrigado, @RGJ!

Implementamos esta versão em https://podkasts.org e a testamos em desktop e mobile.

Adicionamos um CSS extra (localmente, separado da versão do componente do @RGJ) para
a) Remover “Publicado” (veja meu raciocínio para esta mudança acima)
b) Fazer com que funcione melhor com o tema Graceful (que introduz uma margem esquerda que limita o espaço no mobile).

O resultado final é exatamente o que queríamos. :tada:

4 curtidas

Acho que seria uma boa ideia adicionar uma configuração para ativar/desativar a exibição de métricas extras. O design original pretendia ser mais minimalista, removendo parte do conteúdo, então eu gostaria de poder manter essa intenção.

3 curtidas

Adicionarei uma configuração esta semana, que por padrão não exibirá as visualizações e respostas.

3 curtidas

Adicionei estas configurações, cada ícone + número pode agora ser mostrado ou ocultado.
O comportamento original é o padrão.

Veja Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub

5 curtidas

Fiz um upgrade do Discourse, incluindo o patch do @RGJ, e, para que valha a pena, tudo funciona como esperado em nosso site. :tada: Muito obrigado!

3 curtidas

Obrigado, o PR com esta adição foi mesclado.

5 curtidas

Este tópico foi fechado automaticamente após 2 dias. Novas respostas não são mais permitidas.