Visualizações da Lista de Tópicos (TLP)

Bem, parece que esse Component ainda não foi atualizado para Listas de Tópicos Glimmer em qualquer caso:

3 curtidas

Eu uso o telefone tão raramente, mas tenho certeza de que isso faz parte desta conversa. Atualizei bem tarde ontem e os usuários começaram a reclamar. E eu peguei sua correção há poucos minutos. O tema é o padrão do Discourse.

Eu verifiquei aqui e tenho quase certeza de que o último avatar também não estava em uso aqui.

Simplesmente não fica bonito. Mas não é apenas um problema seu, ambos os componentes semelhantes agora mostram o avatar e a miniatura. Claro, eu sei como ocultar avatares, então é uma solução fácil.

Honestamente, não sei se aqui não há nada mais do que (uma questão de) gosto. Mas algo mudou, caso contrário, meus usuários não começariam a perguntar. Estou um pouco adiantado agora, porque aqui em cima são apenas 6 horas e ainda não recebi nenhuma confirmação do que está realmente errado.

1 curtida

Isso não é intencional e, na minha opinião, parece terrível, mas não consigo reproduzir.

Conforme minha captura de tela, isso não está acontecendo em minhas instâncias.

Por favor, certifique-se de que não há outros componentes ativos que influenciem a apresentação da lista de tópicos. Esta é agora uma API e outros componentes podem interferir se estiverem ativos. Em seguida, veja se persiste. Em seguida, compartilhe suas configurações, se persistir.

1 curtida

E, a propósito, este componente de tema nunca foi projetado para ser compatível com qualquer outro componente que influencie a lista de Tópicos, então sinta-se à vontade para experimentar combinações, mas não há garantia.

1 curtida

Claro que esqueci de dizer isso, mas tentei imediatamente como o único componente. Como confio que você está na versão mais recente do Discourse, tenho que perguntar: você acha que há alguma chance de isso vir de algum plugin?

Pode ser um caso extremo que eu perdi. Você pode compartilhar o HTML de um item de lista de tópico (a linha inteira)?

Ou envie por mensagem privada o link da web

Isso muito?

trecho html
<tr data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt visited ember-view">
<div class="hidden">
<div class="hidden">
<td class="topic-list-data">
<div class="pull-left">
<a href="/t/meemit-ja-muut-tuplavitsit/1263/549" aria-label="Perfil do usuário Jagster, último escritor" data-user-card="Jagster">
<img alt width="48" height="48" src="/user_avatar/foorumi.katiska.eu/jagster/96/6057_2.png" class="avatar" title="Jagster">
</a>
</div>
<div class="topic-item-metadata right">
<span id="_render_glimmer_25" class="hbr-ember-outlet">
<div class="topic-thumbnail">
<a>
<img class="thumbnail non-tiles-thumbnail" src="https://cdnfoorumi.katiska.eu/optimized/2X/b/b5fdeed33ad48a86cc12ecb1fb0acfc55f62247c_2_536x800.jpeg" loading="lazy">
</a>
</div>
</span>
<div class="main-link">

Oh god… that looks bad. Hard to read.

Bem, o url é público de qualquer forma e não acho que um fórum finlandês completo desperte interesse — e caso alguém veja um link como spam, editá-lo depois é fácil.

https://foorumi.katiska.eu (não vamos acordar sistemas automáticos) e role algumas linhas. Você o encontrará. E se quiser uma visualização mais limpa, o tema test é uma boa opção.

2 curtidas

Perfeito.

A linha com o problema é esta:

<tr> data-creator-name="Jagster" id="ember42" class="topic-list-item category-chattifoorumi tag-meemit has-excerpt liked visited ember-view">

essa classe deveria conter has-thumbnail para que o CSS oculte o avatar…

deixe-me verificar novamente se esta atribuição está funcionando na versão mais recente do discourse.

2 curtidas

Basicamente faz o mesmo, mas de forma mais curta e condicional, o que eu usava para celulares?

.topic-list td div.pull-left a {
    display: none;
}
.topic-list td div.right {
    margin-left: 0px;
}
1 curtida

Sim:

1 curtida

Ainda não consigo reproduzir seu problema no commit mais recente, nem em Latest em casa nem em uma Categoria. :frowning:

Certifique-se de que a configuração Glimmer Topic List esteja Habilitada, não Automática?

1 curtida

Está no automático :flushed_face: Vou mudar.

editar
puxa vida — era isso.

Então automático, que inclui habilitado, não é o mesmo que habilitado. Existe algum mecanismo que precisa dizer explicitamente ao glimmer que está tudo bem, a menos que ele volte para o sistema antigo?

3 curtidas

Essa informação é muito útil.

E surpreendente! Pelo menos as minhas instruções de configuração estavam corretas :slight_smile:

Vou verificar com o David.

2 curtidas

Por enquanto, há isto:

Acredito que ele pense que algo não é compatível, então ele volta para o sistema antigo.

3 curtidas

Sim, exatamente. "Auto" será o mesmo que "habilitado" se todos os seus temas e plugins instalados forem compatíveis com as atualizações.

Se eles não forem compatíveis, então funcionará como "desabilitado", e uma mensagem será exibida no console do navegador explicando qual tema/plugin precisa ser atualizado.

Para nossos temas/plugins oficiais, nós os tornamos compatíveis com as implementações de lista de tópicos antigas e novas simultaneamente, para que as pessoas possam atualizar outros temas e plugins um por um sem precisar se preocupar com a configuração do site. A troca de implementação ocorrerá automaticamente assim que o último tema/plugin estiver pronto.

No entanto, garantir a retrocompatibilidade dá muito mais trabalho, especialmente para casos complexos. Então, posso entender por que isso foi pulado para topic-list-previews :+1:

Uma coisa que você poderia fazer aqui @robert é adicionar um erro claro para as pessoas? Algo como

import { withSilencedDeprecations } from "discourse/lib/deprecated";

...

withSilencedDeprecations("discourse.hbr-topic-list-overrides", () => {
    api.modifyClass("component:topic-list", {
      init(){
        alert("topic-list-previews não pode ser executado juntamente com outros temas/plugins que são incompatíveis com a lista de tópicos glimmer. Veja https://meta.discourse.org/t/209973/521 para detalhes");
        return this._super(...arguments);
      }
    });
  });

Isso modificará a antiga lista de tópicos para exibir um erro se ela for renderizada enquanto topic-list-previews estiver em execução.

5 curtidas

Extremamente útil, obrigado, adicionarei.

Sim, tenho que ser racional sobre quanto tempo gasto :sweat_smile: então a compatibilidade retroativa foi descartada.

No entanto, a atualização está fixada, então é um meio-termo.

3 curtidas

Obrigado, David. Eu usei este em um componente do meu tema. Mas antes, encontrei isso no repositório de plugins resolvidos. Eu também usava o site.useGlimmerTopicList, que parece funcionar também. Essa também é uma boa opção? Eu usei isso em initializers e no template.

2 curtidas

Está tudo bem por enquanto, mas ele será removido (ou seja, se tornará undefined) assim que a lista de tópicos do glimmer for a única opção. Portanto, certifique-se de usá-lo como

if(!site.useGlimmerTopicList){
  // faça coisas antigas
}

e não

if(site.useGlimmerTopicList){
  // faça coisas novas
}
4 curtidas

a propósito, adicionei:

muito apreciado.

@Jagster se tiver tempo, você poderia, por favor, atualizar, definir como Automático e verificar se isso aparece?

3 curtidas

aliás, @david FYI, também é necessária uma supressão do eslint, acho? (e pluginId)

2 curtidas