Journées d'anniversaire/anniversaire sur Discourse aujourd'hui (bannière)

[NateDhaliwal]

	Résumé	Ajoute une bannière au site pour afficher les anniversaires et les fêtes d’aujourd’hui.
	Aperçu	Theme Creator
	Dépôt	GitHub - NateDhaliwal/Discourse-Birthdays-Anniversaries-Today
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Maintenant que le plugin Cakeday a été intégré au cœur, il n’est plus nécessaire d’installer le plugin séparément pour utiliser ce composant de thème.

Aperçu

Ce composant de thème place une bannière en haut du site, sur la page d’accueil, affichant les anniversaires et les fêtes du jour.

Paramètres

Le paramètre banner_location vous permet de choisir où vous souhaitez placer la bannière. Les options disponibles sont :

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

Les paramètres banner_text_color et banner_background_color modifient respectivement les couleurs du texte et de l’arrière-plan de la bannière. Vous pouvez y saisir des variables CSS Discourse comme var(--primary) ou var(--tertiary), ou des valeurs hexadécimales.

De plus, les paramètres anniversaries_text et birthdays_text vous permettent d’utiliser le placeholder %{count} pour le nombre d’utilisateurs célébrant cet événement respectivement.

Les utilisateurs affichés ne sont pas mentionnés : il utilise <a> class="mention" pour afficher les utilisateurs. Les cartes d’utilisateur de chaque utilisateur seront toujours affichées si vous cliquez dessus.

Captures d’écran :

Bureau :

Mobile :

---

Informations supplémentaires

Les données sont récupérées de /cakeday/anniversaries/today.json et /cakeday/birthdays/today.json pour l’affichage des utilisateurs.

J’ai eu cette idée en regardant Discourse et en me demandant, puisque le plugin Cakeday est installé, pourquoi les utilisateurs ne célèbrent-ils pas les anniversaires et les fêtes des autres utilisateurs ? Nous faisions ce genre de choses sur un forum où j’étais, et ici sur Meta aussi. Avec ce composant de thème, vous pouvez célébrer les jours spéciaux des utilisateurs avec eux, favorisant ainsi une communauté plus inclusive.

[NateDhaliwal]

Vous pouvez désormais personnaliser les couleurs d’arrière-plan et de texte de la bannière.

@NateDhaliwal

Les paramètres banner_text_color et banner_background_color modifient respectivement les couleurs du texte et de l’arrière-plan de la bannière. Vous pouvez saisir des variables CSS Discourse comme var(--primary) ou var(--tertiary), ou des valeurs hexadécimales également.

Je pourrais ajouter une instruction @if afin que l’utilisation du mot-clé var() ne soit pas nécessaire.

[patrickemin]

Bonjour, merci pour cela. Est-il possible d’afficher aucune bannière lorsqu’il n’y a pas de données au lieu d’un message indiquant qu’il n’y a rien à afficher ?

[NateDhaliwal]

Pas de problème, j’avais l’intention de le faire de toute façon.

[NateDhaliwal]

Ceci sera indisponible pendant un certain temps, le temps que je corrige cela. J’ai dû mettre à jour quelques getters avec les bons noms et les déboguer. Je travaille toujours dessus.
EDIT : C’est de nouveau opérationnel. Laissez-moi faire quelques tests finaux pour le nouveau paramètre.

[NateDhaliwal]

MISE À JOUR : il y a quelques problèmes avec le paramètre qui contrôle cela. Je soupçonne que c’est à cause du fetch() asynchrone que j’utilise. Je vais y jeter un œil à nouveau bientôt.

[NateDhaliwal]

Je marque ceci comme broken pour l’instant pendant que je corrige cela.

[NateDhaliwal]

@patrickemin C’est prêt ! Vous pouvez maintenant utiliser le paramètre hide_unused_data pour masquer les anniversaires ou les fêtes qui sont vides.
Désolé pour le retard ; j’étais à l’étranger.

[patrickemin]

Bonjour, il y a une ligne bleue vide au-dessus du conteneur car je n’ai pas de données à afficher :

[NateDhaliwal]

Compris, je vais travailler sur une solution !

[NateDhaliwal]

Je suis revenu pour corriger cela. J’ai procédé à une refonte complète du code pour simplifier l’ensemble. De plus, s’il n’y a pas d’anniversaires ce jour-là, la section est automatiquement masquée. (J’ai également localisé les descriptions des TC et des paramètres)

Deux nouveaux paramètres sont introduits : anniversaries_text et birthdays_text. Vous pouvez utiliser le placeholder %{count} pour le nombre d’utilisateurs célébrant cet événement.

Merci de me signaler toute erreur ou tout problème rencontré !