Kanban Board

[Discourse]

	Sommario	Kanban Board consente 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 ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

Installa questo componente di tema

Poiché si tratta di un componente di tema official mantenuto dal team di Discourse, le richieste di Support, Contribute > Bug, Contribute > UX e Contribute > Feature possono essere effettuate nelle rispettive categorie su Meta e contrassegnate con il tag del componente di tema appropriato. Clicca su uno dei link sottostanti per iniziare.

 Supporto  Bug  UX  Funzionalità

Le bacheche kanban sono ora state rilasciate come plugin core di Discourse, vedi Try out the new Boards feature for roadmaps and collaboration . Questo è disponibile per i nostri clienti nei piani Business e Enterprise.

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

Sommario

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

Funzionalità

Diversi modi di organizzazione

Kanban Board offre tre modalità diverse per organizzare gli argomenti:

1. Modalità Categorie: Organizza gli argomenti in base alle categorie assegnate
2. Modalità Tag: Organizza gli argomenti in base ai tag assegnati
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:

Ottimizzazione delle prestazioni

Le liste sono “caricate in modo pigro” (lazy-loaded), il che significa che il componente carica il contenuto solo quando necessario. Questo garantisce prestazioni ragionevoli anche quando si hanno a che fare con un gran numero di categorie o argomenti.

Configurazione e impostazione

Selezione della modalità della bacheca predefinita

La modalità della bacheca predefinita verrà determinata automaticamente utilizzando questi criteri:

• Se si tratta del livello superiore, usa la modalità categorie
• Se si tratta di una categoria e sono presenti sottocategorie, usa la modalità categorie
• Altrimenti, usa la modalità tag. (Le liste vengono costruite dall’elenco dei ‘tag principali’)

Modifica della modalità della bacheca

Puoi modificare la modalità della bacheca utilizzando il pulsante di filtro sulla sinistra e le modifiche alla configurazione verranno riflesse nell’URL. Gli utenti possono segnalare con un segnaposto la loro configurazione preferita nel browser.

Impostazioni

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

Sommario

Impostazione	Descrizione
Mostra categorie	Un elenco di categorie in cui dovrebbe apparire il pulsante “Bacheca”. Se lasciato vuoto, verrà mostrato ovunque. Per le sottocategorie, non includere lo slug del genitore. Usa @ per indicare la vista del livello superiore.
Modalità predefinite	Sovrascrivi la modalità della bacheca predefinita per ciascuna categoria. Usa la sintassi categoria:modalità:parametri. Ad esempio, support:assigned:david,sam,joffrey. Usa al posto di categoria per indicare la vista del livello superiore (es. @:tags:todo,done). Usa @untagged per visualizzare una colonna senza tag.
Vista predefinita	Un elenco di categorie in cui la “Bacheca” è la vista predefinita. (Nota: non supporta ancora la vista predefinita del livello superiore)
Richiedi conferma	Visualizza una modale di conferma prima di apportare modifiche ai tag/categoria di un argomento
Mostra tag	Mostra i tag sulle schede degli argomenti
Stile scheda	Determina lo stile visivo delle schede degli argomenti (attualmente è disponibile “dettagliato”)
Mostra miniatura argomento	Visualizza la miniatura dell’argomento in fondo alla scheda
Mostra indicatori di attività	Visualizza un indicatore dell’attività di una scheda. Verranno applicati stili diversi se l’argomento è stato portato in primo piano più di 7 giorni fa o più di 20 giorni fa

I valori predefiniti per ciascuna impostazione sono mostrati di seguito:

Personalizzazione dei testi

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

Sommario

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

Suggerimenti per un uso efficace

Configurazione delle colonne dei tag

Per la configurazione più intuitiva in modalità tag, organizza i tuoi tag in un gruppo di tag con “solo un tag da questo gruppo” abilitato. Questo garantisce che gli argomenti possano avere solo un tag di stato, facendo funzionare la bacheca kanban come una tradizionale bacheca di flusso di lavoro.

Controllo dell’ordine delle colonne in modalità tag

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

Abilitare gli utenti

Poiché il meccanismo per spostare gli argomenti tra le colonne kanban è la modifica del tag, devi assicurarti che gli 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 tempo di modifica post (questo consente agli utenti di poter modificare il titolo / i tag per i propri argomenti per un tempo molto più lungo)
3. Rendi tutti gli argomenti wiki (dovranno comunque modificare la wiki per cambiare il tag, il che non è ideale)

Domande frequenti

Posso usare la bacheca kanban su dispositivi mobili?

La funzionalità drag-and-drop attualmente non funziona sui dispositivi mobili perché non supportano il drag and drop HTML5. Puoi comunque visualizzare la bacheca su mobile, ma non sarai in grado di spostare le schede 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 di configurare separatamente sia le categorie genitore che le sottocategorie.

Come limito quali tag vengono mostrati in tutto il sito?

Puoi configurare quali tag appaiono nella modalità tag utilizzando l’impostazione modalità predefinite. Specifica esattamente quali tag dovrebbero apparire come colonne per impedire che vengano mostrati tutti i tag.

Come cambio l’aspetto delle schede?

Puoi personalizzare l’aspetto delle schede utilizzando diverse impostazioni:

• Usa l’impostazione “Stile scheda” per selezionare il formato di visualizzazione
• Abilita o disabilita i tag sulle schede con l’opzione “Mostra tag”
• Aggiungi miniature alle schede con l’impostazione “Mostra miniatura argomento”
• Aggiungi indicatori di attività visivi con l’impostazione “Mostra indicatori di attività”

Funzionalità #pr-welcome:

• rendere le liste più configurabili. ad esempio, consentire agli amministratori di definire una combinazione di assegnazione, tag e categorie in un’unica visualizzazione

• Aggiungere il supporto per il trascinamento delle schede sui 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;
}