🖼️ Galerie de sujets

[Canapin (Coin-coin le Canapin)]

	Résumé	Ajouter une vue galerie pour chaque sujet
	Aperçu	Cliquez pour voir un exemple de galerie
	Lien du dépôt	https://github.com/Canapin/discourse-topic-gallery
	Guide d’installation	Comment installer des plugins dans Discourse

Description

Topic Gallery affiche toutes les images d’une discussion sur une page dédiée.

Cas d’utilisation

Idéal pour les communautés et/ou les catégories axées sur l’image où les utilisateurs publient de nombreuses photos.
Il permet une expérience d’image complète sans que l’interface de sujet habituelle et les autres contenus ne fassent obstacle.

Vous pouvez l’essayer ici. Il s’agit principalement d’une instance de test, la disponibilité n’est donc pas garantie.

Fonctionnalités

Fonctionnalités principales

• Balayage infini ! ^[1]

• Filtres utilisateur et date

• Démarre la galerie à partir d’un message donné

• Accès spécifique au groupe

• Exclusions basées sur la catégorie

• Lien vers le message source sous l’image actuellement ouverte, pour ne jamais être perdu :
  

• Affiche les images regroupées (appartenant au même message) au survol de la souris :
  

Navigation d’un sujet vers une galerie

Plusieurs boutons sont disponibles pour naviguer d’un Sujet vers une Galerie :

• Sous la chronologie :
  

  

• À la fin d’un sujet :
  

• Sur chaque message (peut être désactivé dans les paramètres) :
  
  Si nous ouvrons la galerie à partir d’un message, la galerie est filtrée et n’affiche que les images à partir de ce message. Vous pouvez annuler ce filtre en un seul clic :
  

URL de la galerie

La syntaxe de l’URL de la galerie est la même que celle d’un sujet normal, mais /t/ est remplacé par /gallery/ :

https://canapin.discourse.diy/t/share-your-pictures/10

https://canapin.discourse.diy/gallery/share-your-pictures/10

Il existe également un point de terminaison JSON public :
https://canapin.discourse.diy/gallery/share-your-pictures/10.json

Sécurité et requêtes

• L’accès aux fonctionnalités est restreint aux groupes autorisés et dans les catégories autorisées.
• Les galeries sont restreintes aux utilisateurs ayant accès à leur sujet source.

Les requêtes de téléchargement excluent :

• L’ordre des images d’un message est préservé
• Images non téléchargées par l’utilisateur
• Références non-message (emojis personnalisés, avatars, etc.)
• Téléchargements à partir de messages auxquels l’utilisateur actuel n’a pas accès, ce qui signifie :
  • Murmures (si l’utilisateur actuel ne peut pas voir les murmures)
  • Messages cachés
  • Messages supprimés
  • Messages d’utilisateurs ignorés

Comportement de la galerie

• Les images liées directement (hotlinked) ne sont pas affichées.

• Les petites images ne sont pas affichées (la résolution minimale peut être modifiée dans les paramètres).

• Les images dupliquées sont affichées une seule fois.

• Les images dans les citations sont affichées.

Paramètres

Nom	Type	Par défaut	Description
topic_gallery_enabled	booléen	true	Active le plugin topic gallery.
topic_gallery_allowed_groups	liste_groupes	admins	Groupes autorisés à accéder à la galerie de sujets.
topic_gallery_minimum_image_size	entier (0–1000)	64	Largeur et hauteur minimales (en pixels) pour que les images apparaissent dans la galerie. Les images plus petites dans l’une ou l’autre dimension sont exclues.
topic_gallery_excluded_categories	liste_catégories	""	Catégories où la galerie de sujets est désactivée. Les sujets dans ces catégories n’afficheront pas les boutons de galerie ni la page de galerie.
topic_gallery_post_menu_button	booléen	true	Affiche un bouton de galerie dans chaque message.

Par défaut, le plugin est activé uniquement pour les admins. Visitez les paramètres pour activer d’autres groupes.

---

1. Atteindre la fin du premier lot d’images charge et ajoute automatiquement le lot suivant. ↩︎

[Canapin (Coin-coin le Canapin)]

J’ai enfin publié ce plugin
Vous pouvez voir un aperçu ici : Gallery - Share your pictures! - Canapin

[MarkoK]

C’est une idée et une implémentation vraiment géniales.
J’essaierai cela plus tard, mais y a-t-il un moyen d’ajouter une description d’image qui s’afficherait dans la fenêtre contextuelle de l’image sous l’image ?

[NateDhaliwal]

Je pense que vous pouvez utiliser le texte alternatif :

![Some alt text here](upload://...)

Vous pouvez également cliquer sur l’image ci-dessus pour voir le texte alternatif.

[Canapin (Coin-coin le Canapin)]

Ah, il y a un oubli de ma part. La configuration photoswipe de ce plugin semble afficher le nom de fichier original au lieu du titre personnalisé. Je vais corriger cela

[NateDhaliwal]

@Canapin Pourquoi ne pas utiliser la fonction lightbox() intégrée à Discourse ?

frontend/discourse/app/lib/lightbox.js

[Canapin (Coin-coin le Canapin)]

Apparemment, alors que je peux utiliser la lightbox intégrée (ce que je faisais dans les premières versions de ce plugin), je ne peux pas la configurer et l’ajuster selon mes besoins. Notamment, je ne pouvais pas la faire interagir avec mes méthodes de chargement infini/de balayage, j’ai donc dû expédier la mienne.

[Canapin (Coin-coin le Canapin)]

Je ne peux malheureusement pas corriger cela. Les titres des images sont écrits dans le contenu des publications et ne sont stockés dans aucune table.

Pour des raisons de performance, mes requêtes ne retournent pas le contenu des publications, je ne peux donc pas l’analyser pour en extraire les titres.

Je suppose que je vais laisser les noms de fichiers alors. Même si cette information est rarement précieuse…
Les noms de fichiers non modifiés révèlent souvent d’où provient l’image.

Par exemple dans mon instance de test :

• image.png → “image” les noms de fichiers sont des images collées directement dans le compositeur

• Gemini_Generated_Image_8h4wt58h4wt58h4w.jpg → Devinez

• ComfyUI-ExtraMD-Large_315126945425344_00000.jpg → Générateur d’images IA local

• the-tattooer-is-totally-right-v0-s2f8spm3l-D5908.jpg → Probablement enregistré depuis un site web

• cropped-android-chrome-512x512-1-32x32.png → Capture d’écran de smartphone

Etc.