Aniversários/Comemorações do Discourse Hoje (Banner)

[NateDhaliwal]

	Resumo	Adiciona um banner ao site para mostrar os aniversários e comemorações de hoje.
	Prévia	Theme Creator
	Repositório	GitHub - NateDhaliwal/Discourse-Birthdays-Anniversaries-Today
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo no Discourse Themes?	Guia para iniciantes no uso de temas do Discourse

Instalar este componente de tema

Agora que o plugin Cakeday foi incluído no core, não há necessidade de instalar o plugin separadamente para usar este Componente de Tema.

Visão Geral

Este componente de tema coloca um banner no topo do site, na página inicial, exibindo os aniversários e comemorações do dia.

Configurações

A configuração banner_location permite que você selecione onde deseja que o banner seja colocado. As opções disponíveis são:

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

As configurações banner_text_color e banner_background_color alteram as cores do texto e do fundo do banner, respectivamente. Você pode inserir variáveis CSS do Discourse como var(--primary) ou var(--tertiary), ou valores Hex também.

Além disso, as configurações anniversaries_text e birthdays_text permitem que você use o placeholder %{count} para o número de usuários que celebram cada evento, respectivamente.

Os usuários exibidos não são mencionados (pingados): ele usa <a> class="mention" para mostrar os usuários. Os cartões de perfil de cada usuário ainda serão exibidos se você clicar neles.

Capturas de Tela:

Desktop:

Mobile:

---

Informações Adicionais

Os dados são obtidos de /cakeday/anniversaries/today.json e /cakeday/birthdays/today.json para a exibição dos usuários.

Tive essa ideia ao olhar para o Discourse e me perguntar, já que o plugin Cakeday está instalado, por que os usuários não celebram os aniversários e comemorações de outros usuários? Costumávamos fazer esse tipo de coisa em um fórum em que participei, e aqui no Meta também. Com este componente de tema, você pode celebrar os dias especiais dos usuários com eles, promovendo uma comunidade mais inclusiva.

[NateDhaliwal]

Agora você pode personalizar as cores de fundo e de texto do banner.

@NateDhaliwal

As configurações banner_text_color e banner_background_color alteram as cores de texto e de fundo do banner, respectivamente. Você pode inserir variáveis CSS do Discourse como var(--primary) ou var(--tertiary), ou valores Hex também.

Posso adicionar uma instrução @if para que o uso da palavra-chave var() não seja necessário.

[patrickemin]

Olá, obrigado por isso. É possível exibir nenhum banner quando não houver dados em vez de uma mensagem dizendo que não há nada para exibir?

[NateDhaliwal]

Sem problema, eu estava pensando em fazer isso de qualquer maneira.

[NateDhaliwal]

Isso ficará indisponível por um tempo, enquanto eu corrijo isso. Tive que atualizar alguns getters para os nomes corretos e depurá-los. Ainda estou trabalhando nisso.
EDIT: Já voltou a funcionar. Deixe-me fazer alguns testes finais para a nova configuração.

[NateDhaliwal]

ATUALIZAÇÃO: há alguns problemas com a configuração que controla isso. Suspeito que seja por causa do fetch() assíncrono que estou usando. Vou dar uma olhada novamente em breve.

[NateDhaliwal]

Marcando isso como broken por enquanto enquanto eu conserto isso.

[NateDhaliwal]

@patrickemin Isso está pronto! Agora você pode usar a configuração hide_unused_data para ocultar aniversários ou datas de aniversário que estão vazios.
Desculpe pelo atraso; eu estava no exterior.

[patrickemin]

Olá, há uma linha azul vazia acima do contêiner, pois não tenho dados para exibir:

[NateDhaliwal]

Entendido, vou trabalhar em uma correção!

[NateDhaliwal]

Voltei para corrigir isso. Fiz uma boa reformulação do código para simplificar tudo. Além disso, se não houver aniversários/datas comemorativas naquele dia, ele é automaticamente ocultado. (Também localizei as descrições do TC e das configurações)

Duas novas configurações são introduzidas: anniversaries_text e birthdays_text. Você pode usar o placeholder %{count} para o número de usuários celebrando esse evento.

Por favor, informe se encontrar algum erro ou problema!