Exhibición Versátil

:warning: :mechanic:t4:

He reescrito completamente este componente. Está alojado en un nuevo repositorio y tiene un nuevo tema: Featured Lists

Esta versión sigue funcionando bien por ahora, pero si estás en Discourse 3.2.0.beta3 o superior, usa la nueva versión.

Este componente te permite mostrar diversas listas de temas en tu página de inicio. El aspecto predeterminado:

En la configuración del componente puedes definir las listas de feeds y la posición de salida:

El formato de la lista de feeds es un poco avanzado y tienes que entender algunos conceptos de listas de Discourse para sacarle el máximo partido. Configuras el

  • título de la lista
  • longitud de la lista
  • filtro de lista (más recientes, mejores, no leídas, etc.)
  • filtro de etiquetas (según lo definido por el slug de la etiqueta)
  • filtro de categoría (según lo definido por el ID de la categoría)
  • enlace de la lista (a dónde te lleva al hacer clic en el botón Más)

Las listas se configuran como flex-boxes, por lo que si solo hay una, se estirará por defecto:

:+1: Créditos: El componente es una derivación de Showcased Categories. @Ahmed_Gagan amplió la funcionalidad y yo reescribí la arquitectura. Al final cambiamos tanto que ya no es compatible.

|||
|-|-|-|
| :hammer_and_wrench:|Repositorio| GitHub - nolosb/discourse-versatile-showcase |
| :question:|Guía de Instalación|Cómo instalar un tema o componente de tema|

18 Me gusta

Genial plugin, hace que la página de inicio se sienta más interactiva.

Tengo dos, quizás tres sugerencias:

  1. añadir un outlet discovery-list-container-bottom
  2. aumentar el ancho de la primera columna del título cuando varias listas están una al lado de la otra
  3. ¿configurar opcionalmente más de dos listas por fila?
1 me gusta

Gracias por las sugerencias @Zup!

No creo que vaya a añadir más salidas ya que tengo tres en ella. Si necesitas una específica, tendrías que hacer un fork y añadirla allí.

Las listas son flexboxes. Puedes cambiar el comportamiento flex con CSS y obtener más o solo una lista por fila.

Si te refieres a esto, entonces sí, debería ajustar mejor el ancho allí :+1:

Gracias por este gran componente @manuel.

Me gustaría mucho usarlo, pero una vez que está instalado:

  • todo parece estar bien, excepto
  • mi cuadro de inicio de sesión en la instancia está configurado en “display: none” (por lo que la página de inicio de sesión queda totalmente en blanco).

Supongo que debe haber un conflicto en alguna parte.

¿Alguien ha tenido este tipo de problema y tiene alguna idea de dónde podría investigar?

Muchas gracias.

1 me gusta

houuurraa…

Tengo un proxy para resolver esto: no estoy seguro de entender por qué, pero está 100% bien cuando selecciono el discovery-list-container-top

Tenía el problema con la configuración de above-main-container. No importa por ahora, el discovery-list-container-top está bien con mis instancias en ejecución.

1 me gusta

Gracias por informar esto @JBM. Puedo reproducir el problema, el código para generar la lista se está ejecutando en un bucle cuando no puede acceder al contenido del sitio (porque se requiere inicio de sesión). Funciona cuando se selecciona la salida discovery-list-container-top, porque esta salida solo está disponible después del inicio de sesión. Tendré que investigar eso.

1 me gusta

Si tienes tiempo, ¿te gustaría crear algún tipo de divisor ordenado para móviles? Había una parte de exhibición donde un usuario pasa a lo ordinario, ¿lo último? Ahora parece que la última parte continuaría sin fin.