Tableau Kanban

[Discourse]

	Résumé	Le Tableau Kanban vous permet d’afficher et d’organiser les sujets à l’aide d’une interface de tableau Kanban.
	Aperçu	Aperçu sur Discourse Theme Creator
	Lien vers le dépôt	https://github.com/discourse/discourse-kanban-theme
	Nouveau sur les thèmes Discourse ?	Guide de démarrage pour l’utilisation des thèmes Discourse

Installer ce composant de thème

Comme il s’agit d’un #composant de thème officiel maintenu par l’équipe Discourse, les demandes de Support, de Contribute > Bug, de Contribute > UX et de Contribute > Feature peuvent être soumises dans les catégories respectives ici sur Meta, et étiquetées avec le tag approprié du composant de thème. Cliquez sur un lien ci-dessous pour en démarrer un.

 Support  Bogue  UX  Fonctionnalité

Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Pro, Business et Entreprise.

Résumé

Le composant de thème Tableau Kanban transforme la façon dont vous organisez et visualisez les sujets de votre forum. Il fournit une interface de glisser-déposer qui vous permet de déplacer les sujets entre différentes colonnes représentant des catégories, des tags ou des affectations d’utilisateurs, ce qui est idéal pour la gestion de projet, la visualisation des flux de travail et l’organisation du contenu.

Fonctionnalités

Modes d’organisation multiples

Le Tableau Kanban propose trois modes différents pour organiser vos sujets :

1. Mode Catégories : Organisez les sujets par leurs catégories attribuées
2. Mode Tags : Organisez les sujets par leurs tags attribués
3. Mode Affectation : Organisez les sujets par les utilisateurs auxquels ils sont affectés

Vous pouvez faire glisser les sujets entre les listes pour modifier automatiquement les attributs correspondants :

Performance optimisée

Les listes sont « chargées à la demande », ce qui signifie que le composant ne charge le contenu que lorsque nécessaire. Cela garantit des performances raisonnables même avec un grand nombre de catégories ou de sujets.

Configuration et paramétrage

Sélection du mode de tableau par défaut

Le mode de tableau par défaut sera automatiquement déterminé selon ces critères :

• S’il s’agit du niveau supérieur, utilisez le mode catégories
• S’il s’agit d’une catégorie et qu’il existe des sous-catégories, utilisez le mode catégories
• Sinon, utilisez le mode tags. (Listes construites à partir de la liste des « tags principaux »)

Changement du mode de tableau

Vous pouvez changer le mode de tableau en utilisant le bouton de filtre à gauche, et les modifications de configuration seront reflétées dans l’URL. Les utilisateurs peuvent enregistrer leur configuration préférée dans leur navigateur.

Paramètres

Les administrateurs du site peuvent personnaliser les paramètres par défaut du composant de thème via les paramètres du thème :

Résumé

Paramètre	Description
Afficher les catégories	Une liste de catégories où le bouton « Tableau » doit apparaître. Si laissé vide, il sera affiché partout. Pour les sous-catégories, ne incluez pas le slug du parent. Utilisez @ pour désigner la vue du niveau supérieur.
Modes par défaut	Remplacez le mode de tableau par défaut pour chaque catégorie. Utilisez la syntaxe catégorie:mode:paramètres. Par exemple, support:affecté:david,sam,joffrey. Utilisez @ à la place de la catégorie pour désigner la vue du niveau supérieur (par exemple @:tags:todo,done). Utilisez @untagged pour afficher une colonne non taguée.
Vue par défaut	Une liste de catégories où le « Tableau » est la vue par défaut. (Remarque : ne prend pas encore en charge la vue par défaut du niveau supérieur)
Demander confirmation	Afficher une fenêtre modale de confirmation avant d’apporter des modifications aux tags/catégories d’un sujet
Afficher les tags	Afficher les tags sur les cartes de sujets
Style de carte	Déterminer le style visuel des cartes de sujets (actuellement « détaillé » est disponible)
Afficher la miniature du sujet	Afficher la miniature du sujet en bas de la carte
Afficher les indicateurs d’activité	Afficher un indicateur d’activité d’une carte. Différents styles seront appliqués si le sujet a été mis à jour il y a plus de 7 jours ou plus de 20 jours

Les valeurs par défaut pour chaque paramètre sont indiquées ci-dessous :

Personnalisations de texte

Les administrateurs peuvent personnaliser les étiquettes de texte utilisées dans toute l’interface du Tableau Kanban. Les éléments de texte suivants peuvent être personnalisés :

Résumé

Traduction	Par défaut	Description
no_topics	aucun sujet	Affiché lorsqu’une colonne ne contient aucun sujet
confirm_change_tags	Supprimer « #%{remove} » et ajouter « #%{add} » à « %{title} » ?	Message de confirmation lors du changement de tags
confirm_close	Fermer le sujet « %{title} » ?	Confirmation lors de la fermeture d’un sujet
confirm_open	Réouvrir le sujet « %{title} » ?	Confirmation lors de la réouverture d’un sujet
confirm_change_category	Déplacer le sujet « %{title} » ?	Confirmation lors du changement de catégorie d’un sujet
menu_label	Tableau	Texte pour l’élément de menu de navigation du tableau
copy_link	Copier le lien dans le presse-papiers	Info-bulle pour copier un lien
configure	Configurer le tableau Kanban	Texte pour le bouton de configuration
fullscreen	Basculer en plein écran	Texte pour le bouton de bascule plein écran
no_lists	Aucune liste Kanban configurée…	Affiché lorsqu’aucune liste n’est configurée
controls	Contrôles du Tableau Kanban	En-tête pour la section des contrôles
last_post_by	Dernier message par	Étiquette pour les informations du dernier auteur
modal.title	Configurer le Kanban	Titre de la fenêtre modale de configuration
modal.tags_placeholder	Tags à afficher…	Espace réservé pour le champ de saisie des tags
modal.categories_placeholder	Catégories à afficher…	Espace réservé pour le champ de saisie des catégories
modal.usernames_placeholder	Utilisateurs à afficher…	Espace réservé pour le champ de saisie des utilisateurs
modal.apply	Appliquer	Texte pour le bouton d’application
modal.mode	Mode du tableau	Étiquette pour le sélecteur de mode de tableau
modal.lists	Listes	Étiquette pour la section de configuration des listes

Conseils pour une utilisation efficace

Configuration des colonnes de tags

Pour une configuration la plus intuitive en mode tags, organisez vos tags dans un groupe de tags avec « un seul tag de ce groupe » activé. Cela garantit que les sujets ne peuvent avoir qu’un seul tag de statut, ce qui fait fonctionner le tableau Kanban comme un tableau de flux de travail traditionnel.

Contrôle de l’ordre des colonnes en mode tags

Vous pouvez spécifier l’ordre exact des colonnes en utilisant le paramètre modes par défaut. Par exemple, spécifier roadmap:tags:discovery,design,build,testing affichera les colonnes dans cet ordre spécifique :

Habilitation de vos utilisateurs

Comme le mécanisme de déplacement des sujets entre les colonnes Kanban consiste à changer le tag, vous devez vous assurer que vos utilisateurs cibles peuvent réellement le faire. Options :

1. Assurez-vous que vos utilisateurs cibles sont @staff, @trust_level_4, ou des modérateurs de catégorie
2. Modifiez les paramètres du site post edit time (cela permet aux utilisateurs de pouvoir changer le titre / les tags de leurs propres sujets pendant une période beaucoup plus longue)
3. Rendez tous les sujets des wikis (ils devront modifier le wiki pour changer le tag, ce qui n’est pas idéal)

Foire aux questions

Puis-je utiliser le tableau Kanban sur les appareils mobiles ?

La fonctionnalité de glisser-déposer ne fonctionne pas actuellement sur les appareils mobiles car ils ne prennent pas en charge le glisser-déposer HTML5. Vous pouvez toujours afficher le tableau sur mobile, mais vous ne pourrez pas déplacer les cartes entre les colonnes.

Pourquoi l’onglet du tableau disparaît-il après sa configuration ?

Si l’onglet du tableau disparaît après la configuration initiale, vous devrez peut-être vous assurer d’avoir correctement saisi les noms des catégories dans les paramètres du thème. Assurez-vous d’utiliser le slug exact de la catégorie (avec des underscores plutôt que des tirets le cas échéant) et de configurer séparément les catégories parentes et les sous-catégories.

Comment limiter les tags affichés sur l’ensemble du site ?

Vous pouvez configurer les tags qui apparaissent en mode tags en utilisant le paramètre modes par défaut. Spécifiez exactement quels tags doivent apparaître comme colonnes pour empêcher l’affichage de tous les tags.

Comment modifier l’apparence des cartes ?

Vous pouvez personnaliser l’apparence des cartes en utilisant plusieurs paramètres :

• Utilisez le paramètre « Style de carte » pour sélectionner le format d’affichage
• Activez ou désactivez les tags sur les cartes avec l’option « Afficher les tags »
• Ajoutez des miniatures aux cartes avec le paramètre « Afficher la miniature du sujet »
• Ajoutez des indicateurs d’activité visuels avec le paramètre « Afficher les indicateurs d’activité »

Fonctionnalités pr-welcome :

• rendre les listes plus configurables. par exemple, permettre aux administrateurs de définir une combinaison d’affectations, de tags et de catégories dans un seul affichage

• Ajouter la prise en charge du glisser-déposer des cartes sur les appareils mobiles. Malheureusement, ils ne prennent pas en charge le glisser-déposer HTML

[satonotdead]

Ce plugin a été grandement amélioré, merci à l’équipe principale de s’y être penchée !

J’aimerais suggérer d’ajouter une option pour afficher toujours un sujet épinglé spécifique en haut du tableau Kanban.

Cela permettrait de garantir que les informations importantes (comment utiliser 'support') restent visibles pour tous les utilisateurs, même lors de l’utilisation de la vue Kanban.

[ChrisBeach (Chris)]

Pourriez-vous clarifier quel paramètre de « modes par défaut » je devrais utiliser si j’utilise des étiquettes (et non des catégories) sur mon tableau ?

Ceci vient de la documentation et ce n’est pas clair :

@Discourse

Override the default board mode for each category. Use the syntax category:mode:params. For example, support:assigned:david,sam,joffrey. Use @ to denote the top level view. Use @untagged to display an untagged column.

En gros, j’ai deux étiquettes (todo et done) et je veux un tableau Kanban qui affiche les publications étiquetées avec l’une ou l’autre, provenant de publications dans n’importe quelle catégorie.

[Moin]

Je pense que @:tags:todo,done devrait faire ce que vous voulez

[ChrisBeach (Chris)]

Cela a fonctionné ! Merci @Moin

Edit : J’ai mis à jour la documentation dans le premier message pour clarifier cela

[ShizukuYae]

Bonjour,

Merci pour l’excellent travail sur le plugin.

Y a-t-il actuellement un moyen dans la configuration en mode balises où je peux simplement afficher les cartes de la catégorie mais pas de la sous-catégorie ?

[Lew_Grothe]

Je commence à envisager de passer au thème Horizon — avez-vous des informations sur la compatibilité du composant Kanban avec ce thème ? Il n’apparaît pas dans la liste, et je suppose plutôt qu’il ne le sera pas, car Horizon est très orienté dans des directions qui rendraient difficile l’adaptation de la nouvelle interface d’une manière cohérente.

Si ce n’est pas le cas, existe-t-il un moyen de dériver le composant Kanban vers une version compatible avec Horizon ?

[mcwumbly (Dave McClure)]

Cela devrait fonctionner assez bien avec Horizon.

[Lew_Grothe]

Je viens de lancer Horizon sur ma machine de développement et Kanban ne fonctionne pas du tout alors qu’il fonctionnait auparavant avec le thème par défaut (de plusieurs versions en arrière). C’est probablement juste une question d’administration, mais je me suis dit que je devais demander…

Je vais approfondir l’investigation…

[Arkshine]

J’ai essayé et cela fonctionne de mon côté.
Quelques éléments que vous pouvez vérifier :

• Le composant est-il attaché au thème ?
• Voyez-vous une erreur dans la console du navigateur ?

[nathank (Nathan Kershaw)]

@mcwumbly

Ça devrait fonctionner assez bien avec Horizon.

Je l’utilise assez volontiers avec Horizon.

Je me souviens avoir dû le modifier un peu pour obtenir une vue plus large du Kanban, car Horizon est un peu étroit horizontalement au milieu. Voici le CSS que j’ai utilisé :

// Permet à la vue Kanban d'occuper toute la largeur du conteneur principal et contrôle la largeur des colonnes
@media (min-width: 40rem) {
    body.kanban-active:not(.has-full-page-chat,.wizard) #main-outlet-wrapper #main-outlet> *:not(.experimental-screen,.activate-account) {
        max-width: none;
    }
}
.discourse-kanban-container .discourse-kanban-list {
    width: 350px;
}