Componente de encabezados de categorías de Discourse

Hola, lo siento, soy un novato total sin habilidades de codificación :frowning:
¿Tienes las instrucciones de instalación para este componente?
Normalmente hay un botón de “instalar este componente de tema”, pero no puedo encontrarlo… Ya he instalado muchos componentes en mi sitio…

El botón azul con el texto "Instalar este componente de tema". (Subtitulado por IA)

¡Agradezco enormemente tu tiempo y tus aportaciones!

Hola @Angela_MRS,

Si sigues la imagen de abajo, puedes instalarlo de esta manera sin seleccionar el botón de instalar.

Esto es si eres administrador o propietario del foro.

1 me gusta

Muchas gracias @Aaron_Walsh :heart_eyes:

@Angela_MRS También hay un enlace a la guía sobre cómo instalarlo.

2 Me gusta

Solicitud menor, ¿puedes hacer que el color del enlace ‘Leer más’ sea el mismo que el resto del texto?

Mis enlaces están configurados en azul oscuro medio, y muchos de mis banners son de colores oscuros, por lo que el enlace es básicamente invisible.

El resto del texto parece seleccionar automáticamente blanco o negro según el color de fondo. ¿Puedes hacer eso también para el enlace?

Hola David,

Podrías crear un Theme component personalizado y, usando la inspección de elementos en tu navegador (escritorio), identificar el elemento y usar CSS para anular el color.

1 me gusta

Este TC está recibiendo un par de advertencias de obsolescencia en la consola. Sospecho que el código realmente necesita una actualización:

Creo que es un TC brillante y cubre un vacío que los TCs #oficiales no tienen. Sería genial que recibiera más atención, pero sé (o al menos sospecho) que @Rhidian ha avanzado un poco.

5 Me gusta

Acabo de actualizar mi sitio y vine aquí para decir lo mismo.
POR FAVOR POR FAVOR POR FAVOR…
Actualiza este increíble componente. Acabo de construir un nuevo sitio que lo utiliza con gran efecto y odiaría tener que encontrar una alternativa. Este componente hace EXACTAMENTE lo que necesito.

1 me gusta

Y ahora muerde un poco más profundo después de una actualización reciente:

image

3 Me gusta

Esperanza de una actualización.

1 me gusta

@nathank @tknospdr @CAX.DO He abierto una PR para solucionar los problemas de compatibilidad, usando ahora un archivo gjs en lugar de las etiquetas de script obsoletas.

Espero que se apruebe :crossed_fingers:.

10 Me gusta

He contactado a @Rhidian por otro método; esperemos que pueda echarle un vistazo pronto.

@NateDhaliwal, solo por curiosidad, ¿estarías abierto a hacerte cargo del repositorio y el tema meta para este TC en el futuro?

3 Me gusta

Hola Nathan, he marcado el PR como borrador por ahora, ya que estoy buscando reemplazar algunos aspectos del mismo con un enfoque diferente.

3 Me gusta

He convertido el sistema de widgets a un componente Glimmer y he añadido la siguiente función:

en la configuración show_parent_category_background_image.

La nueva PR es:

Personalmente, no tengo idea de cómo añadí 3000 líneas de código.

5 Me gusta

Gracias Nate. Es un trabajo fantástico. He fusionado tu pull request. Es genial ver que este componente tiene una actualización significativa para dar compatibilidad con las nuevas características de Discourse. :corazón_palpitante:

1 me gusta

PD: Estaría agradecido por cualquier ayuda para actualizar los problemas de compatibilidad con este componente también, que algunos encuentran útil. ¡Debería ser un trabajo más pequeño!

1 me gusta

¡De nada, me alegra poder ayudar!

1 me gusta

¡Hola! Recibí una notificación en mi sitio para actualizar este componente de tema, y cuando lo hice, todo el sitio se bloqueó y mi página principal desapareció. Pude eliminarlo del sitio, pero ¿está relacionado con estas actualizaciones?

¡Casi con toda seguridad! Me alegro de que hayas podido eliminarlo.
¿Te importaría reinstalarlo (quizás en un tema de desarrollo separado) e intentar capturar los errores de la consola? Además, sería útil saber cómo lo configuraste.

Error con etiquetas HTML

También he visto un pequeño error: las etiquetas HTML no se están mostrando correctamente en los encabezados de las categorías:

Sin el TC

Con el TC

Además, el tamaño del texto de Descripción ‘normal’ no parece coincidir con el original (en mi ejemplo anterior, el TC está configurado en larger).

1 me gusta

Hola @nathank, ¡gracias por tu rápida respuesta! He intentado crear un tema de prueba y he aplicado este componente temático. Creo que este es el error correcto:

Mensaje (4397 copias reportadas)

[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 hay un problema entre este componente y otro que uso: GitHub - discourse/discourse-minimal-category-boxes porque cuando elimino ese, la página de inicio se muestra. Si no lo elimino, solo obtengo una página en blanco.

Vista normal:

Vista con Minimal category boxes eliminado:

Vista con Minimal category boxes presente:

Pero, no creo que esa sea toda la historia, porque incluso sin Minimal category boxes, cuando hago clic en una categoría, no funciona, solo veo una página en blanco:

Estas son las configuraciones que utilicé en el componente temático:

[
	{
		"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": ""
	}
]

¡Disculpa si esto fue demasiada información! No estaba seguro de qué era relevante aquí. ¡Gracias! Nos encanta este componente temático, así que espero que podamos resolverlo.

1 me gusta