Componente de tema de Cabeçalhos de Categorias do Discourse

Olá, desculpe, sou um novato total sem habilidades de codificação :frowning:
Você tem as instruções de instalação para este componente?
Normalmente, há um botão “instalar este componente de tema”, mas não consigo encontrá-lo… Já instalei muitos componentes no meu site…

O botão azul exibe o texto "Instalar este componente de tema". (Legenda da IA)

Agradeço imensamente seu tempo e contribuição!

Olá @Angela_MRS,

Se você seguir a imagem abaixo, poderá instalá-lo desta forma sem selecionar o botão de instalação.

Isso é se você for um administrador ou proprietário do fórum.

1 curtida

Muito obrigado @Aaron_Walsh :heart_eyes:

@Angela_MRS Há também um link para o guia sobre como instalá-lo.

2 curtidas

Pedido menor, você pode fazer com que a cor do link ‘Leia mais’ seja igual ao resto do texto?

Meus links estão configurados para um azul azul escuro médio, e muitos dos meus banners são de cores escuras, então o link praticamente é invisível.

O restante do texto parece selecionar automaticamente branco ou preto com base na cor de fundo. Você pode fazer isso também para o link?

Oi David,

Você pode criar um Theme component personalizado e, usando o inspecionar elemento no seu navegador (desktop), identificar o elemento e usar CSS para substituir a cor.

1 curtida

Este TC está recebendo algumas depreciações no console. Suspeito que o código realmente precise de uma atualização:

Acho que é um TC brilhante e preenche uma lacuna que os TCs #oficiais estão perdendo. Seria ótimo vê-lo receber mais atenção, mas sei (ou pelo menos suspeito) que @Rhidian já seguiu em frente.

5 curtidas

Acabei de atualizar meu site e vim aqui dizer o mesmo.
POR FAVOR, POR FAVOR, POR FAVOR…
Atualize este componente incrível. Acabei de construir um novo site que o utiliza com grande efeito e eu odiaria ter que descobrir uma alternativa. Este componente faz EXATAMENTE o que eu preciso.

1 curtida

E agora dói um pouco mais após uma atualização recente:

image

3 curtidas

Esperança por uma atualização.

1 curtida

@nathank @tknospdr @CAX.DO Abri um PR para corrigir os problemas de compatibilidade, usando um arquivo gjs agora em vez das tags de script obsoletas.

Espero que seja aprovado :crossed_fingers:.

10 curtidas

Eu contatei @Rhidian por outro método - espero que ele possa dar uma olhada em breve.

@NateDhaliwal - só por curiosidade, você estaria aberto a assumir o repositório e o tópico meta para este TC daqui para frente?

3 curtidas

Oi Nathan, marquei o PR como um rascunho por enquanto, pois estou procurando substituir alguns aspectos dele por uma abordagem diferente.

3 curtidas

Converti o sistema de widgets para um componente Glimmer e adicionei o seguinte recurso:

na configuração show_parent_category_background_image.

O novo PR é:

Pessoalmente, não tenho ideia de como adicionei 3000 linhas de código.

5 curtidas

Obrigado, Nate. Foi um trabalho fantástico. Mesclei seu pull request. Ótimo ver este componente recebendo uma atualização significativa para ter compatibilidade com os novos recursos do Discourse. :beating_heart:

1 curtida

PS - Agradeceria qualquer ajuda para atualizar os problemas de compatibilidade com este componente também, que alguns acham útil. Deve ser um trabalho menor!

1 curtida

Sem problema, fico feliz em retribuir!

1 curtida

Olá! Recebi uma notificação no meu site para atualizar este componente de tema e, quando o fiz, todo o site travou e minha página principal desapareceu. Consegui removê-lo do site, mas isso está relacionado a essas atualizações?

Quase certamente! Que bom que você conseguiu removê-lo.
Você se importaria de reinstalá-lo (talvez em um Tema de desenvolvimento separado) e tentar capturar os erros do console? Além disso, seria útil saber como você o configurou.

Bug com tags HTML

Eu também vi um pequeno bug - as tags HTML não estão sendo renderizadas corretamente nos cabeçalhos das categorias:

Sem o TC

Com o TC

Além disso, o tamanho do texto da Descrição ‘normal’ não parece corresponder ao vanilla (no meu exemplo acima, o TC está definido como larger)

1 curtida

Olá @nathank, obrigado pela sua rápida resposta! Tentei criar um tema de teste e apliquei este componente de tema a ele. Acho que este é o erro correto:

Message (4397 copies reported)

[db6814] ActionController::RoutingError (No route matches [GET] "/admin/customize/user_fields.json")
config/initializers/100-quiet_logger.rb:20:in `call'
config/initializers/100-silence_logger.rb:29:in `call'
lib/middleware/enforce_hostname.rb:24:in `call'
lib/middleware/processing_request.rb:12:in `call'
lib/middleware/request_tracker.rb:385:in `call'


Backtrace

actionpack (7.2.2.1) lib/action_dispatch/middleware/debug_exceptions.rb:35:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/show_exceptions.rb:32:in `call'
logster (2.20.0) lib/logster/middleware/reporter.rb:40:in `call'
railties (7.2.2.1) lib/rails/rack/logger.rb:41:in `call_app'
railties (7.2.2.1) lib/rails/rack/logger.rb:29:in `call'
config/initializers/100-quiet_logger.rb:20:in `call'
config/initializers/100-silence_logger.rb:29:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/request_id.rb:33:in `call'
lib/middleware/enforce_hostname.rb:24:in `call'
plugins/z-communiteq-features/plugin.rb:142:in `call'
rack (2.2.10) lib/rack/method_override.rb:24:in `call'
rack (2.2.10) lib/rack/sendfile.rb:110:in `call'
rack-mini-profiler (3.3.1) lib/mini_profiler.rb:191:in `call'
lib/middleware/processing_request.rb:12:in `call'
message_bus (4.3.8) lib/message_bus/rack/middleware.rb:60:in `call'
lib/middleware/request_tracker.rb:385:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/remote_ip.rb:96:in `call'
rails_multisite (6.1.0) lib/rails_multisite/middleware.rb:26:in `call'
plugins/z-communiteq-features/plugin.rb:168:in `call'
railties (7.2.2.1) lib/rails/engine.rb:535:in `call'
railties (7.2.2.1) lib/rails/railtie.rb:226:in `public_send'
railties (7.2.2.1) lib/rails/railtie.rb:226:in `method_missing'
rack (2.2.10) lib/rack/urlmap.rb:74:in `block in call'
rack (2.2.10) lib/rack/urlmap.rb:58:in `each'
rack (2.2.10) lib/rack/urlmap.rb:58:in `call'
unicorn (6.1.0) lib/unicorn/http_server.rb:634:in `process_client'
unicorn (6.1.0) lib/unicorn/http_server.rb:739:in `worker_loop'
unicorn (6.1.0) lib/unicorn/http_server.rb:547:in `spawn_missing_workers'
unicorn (6.1.0) lib/unicorn/http_server.rb:143:in `start'
unicorn (6.1.0) bin/unicorn:128:in `<top (required)>'
vendor/bundle/ruby/3.3.0/bin/unicorn:25:in `load'
vendor/bundle/ruby/3.3.0/bin/unicorn:25:in `<main>'

Env

HTTP HOSTS: community.eaie.org

Definitivamente há um problema entre este componente e outro que estou usando: GitHub - discourse/discourse-minimal-category-boxes porque quando removo este último, a página inicial é exibida. Se eu não remover, apenas vejo uma página em branco.

Visualização normal:

Visualização com Minimal category boxes removido:

Visualização com Minimal category boxes presente:

Mas, não acho que seja toda a história, porque mesmo com o minimal category boxes removido, quando clico em uma categoria, não funciona, apenas vejo uma página em branco:

Estas são as configurações que usei no componente de tema:

[
	{
		"setting": "show_category_name",
		"value": true
	},
	{
		"setting": "show_category_description",
		"value": true
	},
	{
		"setting": "description_text_size",
		"value": "larger"
	},
	{
		"setting": "text_align",
		"value": "left"
	},
	{
		"setting": "show_subcategory_header",
		"value": true
	},
	{
		"setting": "show_parent_category_name",
		"value": false
	},
	{
		"setting": "show_lock_icon",
		"value": true
	},
	{
		"setting": "category_lock_icon",
		"value": ""
	},
	{
		"setting": "show_category_logo",
		"value": true
	},
	{
		"setting": "show_parent_category_logo",
		"value": false
	},
	{
		"setting": "show_site_logo",
		"value": false
	},
	{
		"setting": "position_logo",
		"value": "left"
	},
	{
		"setting": "size_logo",
		"value": "standard"
	},
	{
		"setting": "header_style",
		"value": "banner"
	},
	{
		"setting": "header_background_image",
		"value": "cover"
	},
	{
		"setting": "show_parent_category_background_image",
		"value": false
	},
	{
		"setting": "show_mobile",
		"value": false
	},
	{
		"setting": "force_mobile_alignment",
		"value": false
	},
	{
		"setting": "hide_if_no_category_description",
		"value": true
	},
	{
		"setting": "hide_category_exceptions",
		"value": ""
	},
	{
		"setting": "show_read_more_link",
		"value": false
	},
	{
		"setting": "read_more_link_text",
		"value": ""
	}
]

Desculpe se isso foi muita informação! Eu não tinha certeza do que era relevante aqui. Obrigado! Nós amamos este componente de tema, então espero que possamos resolver isso.

1 curtida