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

@merefield

Instalei o plugin Topic List Previews (TLP) e quero exibir prévias de miniaturas de tópicos na página de resultados de pesquisa, mas não está funcionando, ele apenas exibe os blocos e trechos dos tópicos. No entanto, as miniaturas funcionam em outras páginas como /new e /latest. Tentei modificar a configuração do TLP, mas nenhuma das minhas alterações foi bem-sucedida. Notei que esta página menciona outro plugin (discourse-topic-previews-sidecar), então suspeitei que o problema fosse devido à não instalação dele. No entanto, após instalar esse plugin, a página de resultados de pesquisa ainda não exibe miniaturas.

Tenho algumas perguntas:

  1. Instalar apenas o TLP é suficiente para habilitar as prévias de miniaturas nos resultados de pesquisa, ou preciso de AMBOS TLP e discourse-topic-previews-sidecar?

  2. Existem configurações especiais do TLP necessárias para os resultados de pesquisa? Por que minhas configurações não estão tendo efeito?

  3. Quero ter prévias de miniaturas na página de resultados de pesquisa como este site faz. Como devo configurá-lo? Você poderia descrever as principais etapas de configuração em detalhes?

Em anexo estão capturas de tela da minha configuração atual.

Configuração do TLP

[
	{
		"setting": "topic_list_tiles_topic_lists",
		"value": "latest|new|unread|top|tag|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_tiles_categories",
		"value": ""
	},
	{
		"setting": "topic_list_tiles_tags",
		"value": ""
	},
	{
		"setting": "topic_list_thumbnails_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|suggested-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_thumbnails_categories",
		"value": "42"
	},
	{
		"setting": "topic_list_thumbnails_tags",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_excerpts_categories",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_tags",
		"value": ""
	},
	{
		"setting": "topic_list_actions_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_actions_categories",
		"value": ""
	},
	{
		"setting": "topic_list_actions_tags",
		"value": ""
	},
	{
		"setting": "topic_list_set_category_defaults",
		"value": false
	},
	{
		"setting": "topic_list_dominant_color_background",
		"value": "tiles only"
	},
	{
		"setting": "topic_list_show_like_on_current_users_posts",
		"value": true
	},
	{
		"setting": "topic_list_tiles_larger_featured_tiles",
		"value": true
	},
	{
		"setting": "topic_list_tiles_wide_format",
		"value": false
	},
	{
		"setting": "topic_list_portfolio",
		"value": true
	},
	{
		"setting": "topic_list_portfolio_filter_type",
		"value": "tag"
	},
	{
		"setting": "topic_list_portfolio_filter_parameter",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail_fallback",
		"value": false
	},
	{
		"setting": "topic_list_thumbnail_resolution_level",
		"value": 3
	},
	{
		"setting": "topic_list_thumbnail_width",
		"value": 150
	},
	{
		"setting": "topic_list_thumbnail_height",
		"value": 100
	},
	{
		"setting": "topic_list_thumbnail_width_mobile",
		"value": 50
	},
	{
		"setting": "topic_list_thumbnail_height_mobile",
		"value": 60
	},
	{
		"setting": "topic_list_thumbnail_first_x_rows",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_resolution_level",
		"value": 2
	},
	{
		"setting": "topic_list_featured_images_category",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_from_current_category_only",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_tag",
		"value": ""
	},
	{
		"setting": "topic_list_featured_images_tag_show",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_count",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images_order",
		"value": "latest"
	},
	{
		"setting": "topic_list_featured_width",
		"value": 0
	},
	{
		"setting": "topic_list_featured_height",
		"value": 250
	},
	{
		"setting": "topic_list_featured_height_mobile",
		"value": 150
	},
	{
		"setting": "topic_list_featured_title",
		"value": ""
	},
	{
		"setting": "topic_list_featured_excerpt",
		"value": 100
	},
	{
		"setting": "topic_list_featured_details_always_show",
		"value": "only on hover"
	},
	{
		"setting": "topic_list_test_image_url_timeout",
		"value": 5000
	},
	{
		"setting": "topic_list_fps_search_grid",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_blurb",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_author",
		"value": true
	}
]

olá

Acho que meu problema está ligado ao TLP, mas não tenho certeza. Atualizei o discourse ontem para a versão mais recente e, desde então, as miniaturas aparecem no topo em vez de à esquerda no celular (e apenas no celular, não consegui reproduzir com ferramentas de desenvolvedor)

fórum: cwowd
(pode não estar relacionado ao ‘bug’ anterior, nenhuma diferença se o modo glimmer estiver definido como automático ou habilitado)

1 curtida

Se você limpar as configurações de “Listas de Tópicos”, poderá desativar os recursos indesejados, por exemplo

Existem opções para miniaturas, trechos, ações, etc.

Não é possível reproduzir. Na formatação mais recente do TLP, está perfeita. Remova todos os outros componentes de tema/tema e tente novamente.

Muito provavelmente, você tem algo mais ativo que está em conflito.

OU o tamanho da sua miniatura móvel é muito grande.

Obrigado por tentar :wink:

O tamanho das miniaturas: Tentei, e elas são exibidas corretamente à esquerda em… 12px de largura. Nem é preciso dizer que elas ficam invisíveis neste caso.

Se eu entendi corretamente o que está acontecendo, uma coluna é “adicionada” à esquerda para exibir o ícone do autor da última mensagem (quando deveríamos ter em vez disso a miniatura atribuída ao tópico). E a miniatura acaba posicionada acima do título do tópico devido à falta de espaço para alinhá-la à esquerda como pretendido.

1 curtida

Deveria ficar assim. Mas, sim. O Google (no meu caso) só me deu essa largura :sweat_smile:

Se você quiser imagens maiores, mude para a visualização em blocos no celular?

Era assim que funcionava, para minha grande satisfação, por muitos anos :wink:

A atualização para 3.5.0.beta2-dev quebrou algo, mas não consigo descobrir o quê. Ou por que essa coluna de autor f** voltou (e não obtive ajuda das ferramentas de desenvolvimento, tudo está bem quando emula a exibição de celulares)

Ele deve exibir o avatar se não houver miniatura.

Não estou vendo nenhum problema na versão mais recente? (desde que as miniaturas sejam pequenas o suficiente :slight_smile: )

Na verdade, espero que este TC seja mais estável do que antes, porque agora ele pode usar a nova API oficial para substituições e não depende da substituição de modelos.

Tive que remover o TLP de todas as páginas móveis.

Um problema secundário é que as ferramentas de desenvolvedor não emulam páginas móveis reais (por exemplo, as minhas ainda têm miniaturas nas ferramentas de desenvolvedor em “visualização móvel”, enquanto o TLP é ativado apenas para páginas de desktop).

Você pode resumir o porquê? Quero dizer, estou fazendo o meu melhor com o espaço que existe?

como dito anteriormente (Topic List Previews (TLP) - #594 by Thierry_Trégaro), desde a última atualização do discourse, as miniaturas eram exibidas no topo do título no celular (em vez de à esquerda), deixando um espaço em branco muito grande à esquerda.

infelizmente, não há escolha a não ser rebaixar para membro pict

Desativei temporariamente os blocos para esta visualização. Não vejo nenhum problema. Este site está atualizado até ontem.

Pixel 6a

Faz sentido que a miniatura precise ter um tamanho semelhante ao avatar para que tudo se organize corretamente…

… ou apenas mude para a visualização de Blocos.

Consegui usar as ferramentas de desenvolvedor… Então, para ilustrar, tentei ativar novamente no mobile-latest e foi o que obtive.

Se eu definir a miniatura para 10px.

não consigo encontrar uma maneira de não exibir essa coluna à esquerda…

Você está substituindo as configurações no Tema 3?

De qualquer forma, algo está estranho na sua configuração.

É como se você não estivesse usando o mesmo template.

Aqui está o starzen com as mesmas dimensões:

Ah! Pode ser um bug, desculpas!

Se eu desativar a "imagem padrão" eu tenho um problema. Será que está relacionado?

OK, tente esta atualização:

Se você acha que o Topic List Previews é incrível e que fiz um ótimo trabalho, você pode me comprar um café :coffee:

Obrigado pela sua paciência! Novos bugs surgiram devido à reescrita completa que tive que fazer para a nova API e as restrições futuras.

sem alteração. Para sua informação, isso é sem nenhum outro componente adicionado ao tema claro

visão do laptop

visão do celular

depois de ler seu post, também tentei com uma imagem padrão (do ionic). Nenhuma mudança real (exceto que remove corretamente a foto dos autores).

Posso alinhar a exibição à esquerda (tenho um

.mobile-view .topic-list .right {
    margin-left: 60px !important;
}

no meu CSS. Parece melhor, mas ainda tenho as miniaturas no topo dos títulos.

editar: não que eu tenha descoberto isso, finalmente resolvi meu problema com um pouco de CSS grid. Não é perfeito, mas está bom.

em nota paralela, tenho um pedido: seria bom poder adicionar um trecho para novos tópicos e não novas respostas (ou o que quer que qualquer fórum prefira^^)

Não consigo reproduzir seu problema, mesmo aumentando a largura da miniatura para 90px:

(embora isso seja muito largo para datas e contagens).

Tem certeza de que não há outros Componentes ativos interferindo?

O TLP funciona corretamente “out of the box”, mesmo quando as coisas ficam muito estreitas:

Eventualmente encontrei o problema e isso deve ser corrigido. Houve um erro na lógica da miniatura padrão.

2 curtidas

Vejo que algumas das instanciações de PreviewsThumbnail não têm @url
Isso é intencional?

1 curtida