Cumpleaños/Aniversarios de Discourse Hoy (Banner)

[NateDhaliwal]

	Resumen	Añade un banner al sitio para mostrar los aniversarios y cumpleaños de hoy.
	Vista previa	Theme Creator
	Repositorio	GitHub - NateDhaliwal/Discourse-Birthdays-Anniversaries-Today
	Guía de instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en Temas de Discourse?	Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente de tema

Ahora que el plugin Cakeday se ha incluido en el núcleo, no es necesario instalar el plugin por separado para usar este Componente de Tema.

Resumen

Este componente de tema coloca un banner en la parte superior del sitio, en la página de inicio, que muestra los cumpleaños y aniversarios de ese día.

Configuración

La configuración banner_location te permite seleccionar dónde quieres que se coloque el banner. Las opciones disponibles son:

• above-site-header
• below-site-header
• above-main-containter

La configuración banner_text_color y banner_background_color cambian los colores del texto y del fondo del banner, respectivamente. Puedes introducir variables CSS de Discourse como var(--primary) o var(--tertiary), o también valores Hex.

Además, la configuración anniversaries_text y birthdays_text te permiten usar el marcador de posición %{count} para el número de usuarios que celebran ese evento, respectivamente.

Los usuarios mostrados no son mencionados: utiliza <a> class="mention" para mostrar a los usuarios. Las tarjetas de usuario de cada usuario seguirán mostrándose si haces clic en ellas.

Capturas de pantalla:

Escritorio:

Móvil:

---

Información adicional

Los datos se obtienen de /cakeday/anniversaries/today.json y /cakeday/birthdays/today.json para la visualización de los usuarios.

Me surgió esta idea al mirar Discourse y preguntarme, ya que el plugin Cakeday está instalado, ¿por qué los usuarios no celebran los cumpleaños y aniversarios de otros usuarios? Solíamos hacer este tipo de cosas en un foro en el que estuve, y también aquí en Meta. Con este componente de tema, puedes celebrar los días especiales de los usuarios con ellos, promoviendo una comunidad más inclusiva.

[NateDhaliwal]

Ahora puedes personalizar los colores de fondo y de texto del banner.

@NateDhaliwal

La configuración banner_text_color y banner_background_color cambia los colores del texto y del fondo del banner respectivamente. Puedes introducir variables CSS de Discourse como var(--primary) o var(--tertiary), o también valores Hex.

Puede que añada una declaración @if para que no sea necesario usar la palabra clave var().

[patrickemin]

Hola, gracias por eso. ¿Es posible mostrar una pancarta vacía cuando no hay datos en lugar de un mensaje que dice que no hay nada que mostrar?

[NateDhaliwal]

No hay problema, de todos modos estaba pensando en hacer eso.

[NateDhaliwal]

Esto estará caído por un tiempo, mientras lo arreglo. Tuve que actualizar algunos “getters” a los nombres correctos y depurarlos. Todavía estoy trabajando en ello.
EDITAR: Ya está de vuelta en funcionamiento. Déjenme hacer algunas pruebas finales para la nueva configuración.

[NateDhaliwal]

ACTUALIZACIÓN: hay algunos problemas con la configuración que controla esto. Sospecho que se debe a la fetch() asíncrona que estoy usando. Volveré a revisarlo pronto.

[NateDhaliwal]

Etiquetando esto como #roto por ahora mientras lo arreglo.

[NateDhaliwal]

@patrickemin ¡Esto ya está listo! Ahora puedes usar la configuración hide_unused_data para ocultar aniversarios o cumpleaños que estén vacíos.
Disculpa la demora; estuve en el extranjero.

[patrickemin]

Hola, hay una línea azul vacía encima del contenedor ya que no tengo datos para mostrar:

[NateDhaliwal]

¡Entendido, trabajaré en una solución!

[NateDhaliwal]

Regresé a esto para arreglarlo. Hice una renovación justa del código para simplificar todo. Además, si no hay aniversarios/cumpleaños ese día, se oculta automáticamente. (También he localizado las descripciones de TC y configuración)

Se introducen 2 nuevas configuraciones: anniversaries_text y birthdays_text. Puedes usar el marcador de posición %{count} para el número de usuarios que celebran ese evento.

¡Por favor, informa si tienes algún error o problema!