Vitrine Versátil

Reescrevi completamente este componente. Ele está hospedado em um novo repositório e tem um novo tópico: Featured Lists

Esta versão continua funcionando bem por enquanto, mas se você estiver usando o Discourse 3.2.0.beta3 ou superior, use a nova versão.

Este componente permite que você exiba diversas listas de tópicos em sua página inicial. O visual padrão:

Screenshot from 2022-07-29 16-38-471243×1006 89.3 KB

Nas configurações do componente, você pode definir as listas de feed e a posição do outlet:

Screenshot from 2022-07-29 16-37-33646×561 14.9 KB

O formato da lista de feed é um pouco avançado e você precisa entender alguns conceitos de listas do Discourse para aproveitá-lo bem. Você define o

• título da lista
• comprimento da lista
• filtro da lista (mais recentes, melhores, não lidas, etc.)
• filtro de tag (conforme definido pelo slug da tag)
• filtro de categoria (conforme definido pelo ID da categoria)
• link da lista (para onde o clique no botão Mais leva)

As listas são configuradas como flex-boxes, então quando há apenas uma, ela se expande por padrão:

Screenshot from 2022-07-29 16-39-331177×425 34.5 KB

Créditos: O componente é um derivado de Showcased Categories. @Ahmed_Gagan estendeu a funcionalidade e eu reescrevi a arquitetura. No final, mudamos tanto que não é mais compatível.

|||
|-|-|-|
| |Repositório| GitHub - nolosb/discourse-versatile-showcase |
| |Guia de Instalação|Como instalar um tema ou componente de tema|

Plugin legal, deixa a página inicial mais interativa.

Tenho duas, talvez três sugestões:

1. adicionar um outlet discovery-list-container-bottom
2. aumentar a largura da primeira coluna do título quando várias listas estiverem lado a lado
3. opcionalmente configurar mais de duas listas por linha?

Obrigado pelas sugestões @Zup!

Não acho que adicionarei mais outlets, pois já tenho três neles. Se você precisar de um específico, precisará fazer um fork e adicioná-lo lá.

As listas são flexboxes. Você pode alterar o comportamento flex com CSS e obter mais ou apenas uma lista por linha.

Se você quer dizer isso, então sim, eu deveria ajustar a largura melhor lá

image266×423 6.13 KB

Obrigado por este ótimo componente, @manuel.

Eu gostaria muito de usá-lo, mas assim que ele é instalado:

• tudo parece estar bem, exceto
• minha caixa de login para a instância está definida como “display: none” (então a página de login fica totalmente em branco).

Acho que deve haver um conflito em algum lugar.

Alguém já teve esse tipo de problema e você tem alguma ideia de onde eu poderia investigar?

Muito obrigado.

houuurraa…

eu tenho um proxy para resolver isso: não tenho certeza se entendi o porquê, mas está 100% ok quando seleciono o discovery-list-container-top

image742×317 12.8 KB

eu estava tendo o problema com a configuração above-main-container. não importa por enquanto, o discovery-list-container-top está bom com minhas instâncias em execução.

Obrigado por relatar isso, @JBM. Consigo reproduzir o problema, o código para gerar a lista está em loop quando não consegue acessar o conteúdo do site (porque o login é necessário). Funciona quando o outlet discovery-list-container-top é selecionado, pois este outlet só está disponível após o login. Terei que investigar isso.

Se você tiver tempo, gostaria de criar um divisor elegante para celulares, onde a parte de exibição se move para o mais recente comum? Agora parece que a última parte continuaria infinitamente.