Kanban Board

[Discourse]

| |
| -|-|-|
| | Riepilogo | La Kanban Board ti permette di visualizzare e organizzare gli argomenti utilizzando un’interfaccia a bacheca Kanban. |
| | Anteprima | Anteprima su Discourse Theme Creator |
| | Link al repository | https://github.com/discourse/discourse-kanban-theme |
| | Nuovo a Discourse Themes? | Guida per principianti all’uso di Discourse Themes |

Installa questo componente del tema

Poiché si tratta di un componente del tema #ufficiale mantenuto dal team di Discourse, le richieste di #supporto, Contribute > Bug, Contribute > UX e Contribute > Feature possono essere inviate nelle rispettive categorie qui su Meta, contrassegnate con l’etichetta appropriata del componente del tema. Clicca su un link qui sotto per iniziare.

 Supporto  Bug  UX  Funzionalità

Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Pro, Business e Enterprise.

Riepilogo

Il componente del tema Kanban Board trasforma il modo in cui organizzi e visualizzi gli argomenti del tuo forum. Fornisce un’interfaccia di trascinamento che ti consente di spostare gli argomenti tra diverse colonne che rappresentano categorie, etichette o assegnazioni utente, rendendolo ideale per la gestione dei progetti, la visualizzazione dei flussi di lavoro e l’organizzazione dei contenuti.

Funzionalità

Modalità di organizzazione multiple

Kanban Board offre tre modalità diverse per organizzare i tuoi argomenti:

1. Modalità Categorie: Organizza gli argomenti in base alle categorie assegnate
2. Modalità Etichette: Organizza gli argomenti in base alle etichette assegnate
3. Modalità Assegnazione: Organizza gli argomenti in base agli utenti a cui sono assegnati

Puoi trascinare gli argomenti tra le liste per modificare automaticamente gli attributi corrispondenti:

Prestazioni ottimizzate

Le liste vengono caricate “lazy-loaded”, il che significa che il componente carica i contenuti solo quando necessario. Questo garantisce prestazioni ragionevoli anche quando si gestiscono un gran numero di categorie o argomenti.

Configurazione e impostazioni

Selezione della modalità bacheca predefinita

La modalità bacheca predefinita verrà determinata automaticamente in base a questi criteri:

• Se si tratta del livello superiore, utilizza la modalità categorie
• Se si tratta di una categoria e ci sono sottocategorie, utilizza la modalità categorie
• Altrimenti, utilizza la modalità etichette. (Liste costruite dalla lista ‘etichette principali’)

Modifica della modalità bacheca

Puoi modificare la modalità bacheca utilizzando il pulsante filtro a sinistra; le modifiche alla configurazione verranno riflesse nell’URL. Gli utenti possono salvare nei preferiti la loro configurazione preferita nel browser.

Impostazioni

Gli amministratori del sito possono personalizzare le impostazioni predefinite del componente del tema tramite le impostazioni del tema:

Riepilogo

Impostazione	Descrizione
Display categories	Elenco di categorie in cui deve apparire il pulsante “Board”. Se lasciato vuoto, verrà mostrato ovunque. Per le sottocategorie, non includere lo slug del genitore. Usa @ per indicare la visualizzazione del livello superiore.
Default modes	Sovrascrivi la modalità bacheca predefinita per ogni categoria. Usa la sintassi category:mode:params. Ad esempio, support:assigned:david,sam,joffrey. Usa @ al posto della categoria per indicare la visualizzazione del livello superiore (es. @:tags:todo,done). Usa @untagged per visualizzare una colonna senza etichette.
Default view	Elenco di categorie in cui “Board” è la visualizzazione predefinita. (Nota: non supporta ancora la visualizzazione predefinita del livello superiore)
Require confirmation	Mostra una finestra di conferma prima di apportare modifiche alle etichette/categoria di un argomento
Show tags	Mostra le etichette sulle card degli argomenti
Card style	Determina lo stile visivo delle card degli argomenti (attualmente è disponibile “detailed”)
Show topic thumbnail	Mostra l’anteprima dell’argomento nella parte inferiore della card
Show activity indicators	Mostra un indicatore dell’attività di una card. Vengono applicati stili diversi se l’argomento è stato aggiornato più di 7 giorni fa o più di 20 giorni fa

Di seguito sono mostrati i valori predefiniti per ogni impostazione:

Personalizzazioni del testo

Gli amministratori possono personalizzare le etichette di testo utilizzate in tutta l’interfaccia di Kanban Board. I seguenti elementi di testo possono essere personalizzati:

Riepilogo

Traduzione	Predefinito	Descrizione
no_topics	no topics	Visualizzato quando una colonna non ha argomenti
confirm_change_tags	Rimuovi ‘#%{remove}’ e aggiungi ‘#%{add}’ a ‘%{title}’?	Messaggio di conferma quando si cambiano le etichette
confirm_close	Chiudi argomento ‘%{title}’?	Conferma quando si chiude un argomento
confirm_open	Riapri argomento ‘%{title}’?	Conferma quando si riapre un argomento
confirm_change_category	Sposta argomento ‘%{title}’?	Conferma quando si cambia la categoria di un argomento
menu_label	Board	Testo per la voce di menu di navigazione della bacheca
copy_link	Copia link negli appunti	Tooltip per la copia di un link
configure	Configura kanban board	Testo per il pulsante di configurazione
fullscreen	Attiva/disattiva schermo intero	Testo per il pulsante di attivazione/disattivazione schermo intero
no_lists	Nessuna lista Kanban configurata…	Visualizzato quando non sono configurate liste
controls	Kanban Board Controls	Intestazione per la sezione controlli
last_post_by	Ultimo post di	Etichetta per le informazioni sull’ultimo autore
modal.title	Configura Kanban	Titolo della finestra di configurazione
modal.tags_placeholder	Etichette da visualizzare…	Segnaposto per il campo di input delle etichette
modal.categories_placeholder	Categorie da visualizzare…	Segnaposto per il campo di input delle categorie
modal.usernames_placeholder	Utenti da visualizzare…	Segnaposto per il campo di input degli utenti
modal.apply	Applica	Testo per il pulsante Applica
modal.mode	Board Mode	Etichetta per il selettore della modalità bacheca
modal.lists	Lists	Etichetta per la sezione di configurazione delle liste

Suggerimenti per un uso efficace

Configurazione delle colonne delle etichette

Per la configurazione più intuitiva in modalità etichette, organizza le tue etichette in un gruppo di etichette con “solo un’etichetta da questo gruppo” abilitato. Questo garantisce che gli argomenti possano avere solo un’etichetta di stato, facendo funzionare la bacheca Kanban come una tradizionale bacheca di flusso di lavoro.

Controllo dell’ordine delle colonne in modalità etichette

Puoi specificare l’ordine esatto delle colonne utilizzando l’impostazione default modes. Ad esempio, specificare roadmap:tags:discovery,design,build,testing visualizzerà le colonne in quell’ordine specifico:

Abilitare i tuoi utenti

Poiché il meccanismo per spostare gli argomenti tra le colonne Kanban consiste nel cambiare l’etichetta, devi assicurarti che i tuoi utenti target possano effettivamente farlo. Opzioni:

1. Assicurati che i tuoi utenti target siano @staff, @trust_level_4 o moderatori di categoria
2. Modifica le impostazioni del sito post edit time (questo permette agli utenti di modificare il titolo/le etichette dei propri argomenti per un periodo molto più lungo)
3. Rendi tutti gli argomenti wiki (dovranno comunque modificare la wiki per cambiare l’etichetta, il che non è ideale)

Domande frequenti

Posso utilizzare la bacheca Kanban su dispositivi mobili?

La funzionalità di trascinamento attualmente non funziona su dispositivi mobili perché non supportano il trascinamento HTML5. Puoi comunque visualizzare la bacheca su mobile, ma non sarai in grado di spostare le card tra le colonne.

Perché la scheda della bacheca scompare dopo averla configurata?

Se la scheda della bacheca scompare dopo la configurazione iniziale, potresti dover assicurarti di aver inserito correttamente i nomi delle categorie nelle impostazioni del tema. Assicurati di utilizzare lo slug esatto della categoria (con underscore invece di trattini se applicabile) e configura separatamente sia le categorie principali che le sottocategorie.

Come limito quali etichette sono visualizzate a livello di sito?

Puoi configurare quali etichette appaiono in modalità etichette utilizzando l’impostazione default modes. Specifica esattamente quali etichette devono apparire come colonne per evitare che vengano visualizzate tutte le etichette.

Come cambio l’aspetto delle card?

Puoi personalizzare l’aspetto delle card utilizzando diverse impostazioni:

• Usa l’impostazione “Card style” per selezionare il formato di visualizzazione
• Abilita o disabilita le etichette sulle card con l’opzione “Show tags”
• Aggiungi miniature alle card con l’impostazione “Show topic thumbnail”
• Aggiungi indicatori visivi di attività con l’impostazione “Show activity indicators”

Funzionalità #pr-welcome:

• Rendi le liste più configurabili. Ad esempio, consenti agli amministratori di definire una combinazione di assegnazioni, etichette e categorie in un’unica visualizzazione

• Aggiungi il supporto per il trascinamento delle card su dispositivi mobili. Purtroppo, non supportano html drag and drop

[satonotdead]

Questo plugin è stato molto migliorato, grazie al Core Team per essersi impegnato!

Vorrei suggerire di aggiungere un’opzione per visualizzare sempre un argomento specifico bloccato nella parte superiore della tabella Kanban.

Ciò aiuterebbe a garantire che le informazioni importanti (come usare 'support') rimangano visibili a tutti gli utenti, anche quando si utilizza la visualizzazione Kanban.

[ChrisBeach (Chris)]

Potrebbe chiarire quale impostazione per le “modalità predefinite” dovrei usare se sto utilizzando i tag (non le categorie) sulla mia bacheca?

Questo è tratto dalla documentazione ed è poco chiaro:

@Discourse

Sovrascrive la modalità bacheca predefinita per ogni categoria. Usa la sintassi categoria:modalità:parametri. Ad esempio, support:assigned:david,sam,joffrey. Usa @ per indicare la visualizzazione di livello superiore. Usa @untagged per visualizzare una colonna non taggata.

In pratica, ho due tag (todo e done) e voglio una bacheca kanban che mostri i post taggati con uno di questi, provenienti da post in qualsiasi categoria.

[Moin]

Penso che @:tags:todo,done faccia quello che vuoi

[ChrisBeach (Chris)]

Ha funzionato! Grazie @Moin

Modifica: Ho aggiornato la documentazione nell’OP per renderlo più chiaro

[ShizukuYae]

Ciao,

Grazie per l’ottimo lavoro sul plugin.

Attualmente c’è un modo nella configurazione in modalità tag per visualizzare solo le schede della categoria ma non la sottocategoria?

[Lew_Grothe]

Sto iniziando a valutare il passaggio al tema Horizon — avete idea della compatibilità con il componente Kanban? Non è presente nell’elenco e presumo che non lo sarà, dato che Horizon è molto rigoroso in modi che renderebbero difficile gestire la nuova interfaccia in modo sensato.

Se non lo è, esiste un modo per forkare il componente Kanban in qualcosa che possa funzionare con Horizon?

[mcwumbly (Dave McClure)]

Dovrebbe funzionare piuttosto bene con Horizon.

[Lew_Grothe]

Ho appena avviato Horizon sulla mia macchina di sviluppo e Kanban non funziona affatto: prima funzionava con il tema predefinito (di diverse release fa). Probabilmente è solo una questione di amministrazione, ma ho pensato di chiedere…

[Arkshine]

L’ho provato e funziona dal mio lato.
Ecco alcune cose che puoi verificare:

• Il componente è collegato al tema?
• Vedi eventuali errori nella console del browser?

[nathank (Nathan Kershaw)]

@mcwumbly

Dovrebbe funzionare abbastanza bene con Horizon.

Lo sto usando con soddisfazione su Horizon.

Ricordo che ho dovuto apportare alcune modifiche per ottenere una visualizzazione più ampia della Kanban, poiché Horizon è un po’ stretto orizzontalmente nella parte centrale. Ecco il CSS che ho utilizzato:

// Consente alla vista Kanban di occupare l'intera larghezza del contenitore principale e controlla la larghezza delle colonne
@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;
}