| Resumo | O Kanban Board permite exibir e organizar tópicos usando uma interface de quadro kanban. | |
| Pré-visualização | Pré-visualizar no Discourse Theme Creator | |
| Link do Repositório | https://github.com/discourse/discourse-kanban-theme | |
| Novo em Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse |
Instalar este componente de tema
Os quadros kanban agora foram lançados como um plugin central do Discourse, veja Try out the new Boards feature for roadmaps and collaboration . Isso está disponível para nossos clientes nos planos Business e Enterprise.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.
Resumo
O componente de tema Kanban Board transforma a forma como você organiza e visualiza os tópicos do seu fórum. Ele fornece uma interface de arrastar e soltar que permite mover tópicos entre diferentes colunas representando categorias, tags ou atribuições de usuários, tornando-o ideal para gerenciamento de projetos, visualização de fluxo de trabalho e organização de conteúdo.
Recursos
Múltiplos modos de organização
O Kanban Board oferece três modos diferentes para organizar seus tópicos:
- Modo Categorias: Organize tópicos por suas categorias atribuídas
- Modo Tags: Organize tópicos por suas tags atribuídas
- Modo Atribuição: Organize tópicos pelos usuários aos quais são atribuídos
Você pode arrastar tópicos entre listas para alterar automaticamente os atributos correspondentes:
Otimizado para desempenho
As listas são “carregadas sob demanda” (lazy-loaded), o que significa que o componente carrega o conteúdo apenas quando necessário. Isso garante um desempenho razoável mesmo ao lidar com grandes quantidades de categorias ou tópicos.
Configuração e ajustes
Seleção do modo padrão do quadro
O modo padrão do quadro será determinado automaticamente usando estes critérios:
- Se este for o nível superior, use o modo categorias
- Se esta for uma categoria e houver subcategorias, use o modo categorias
- Caso contrário, use o modo tags. (Listas construídas a partir da lista de ‘tags principais’)
Alterando o modo do quadro
Você pode alterar o modo do quadro usando o botão de filtro à esquerda, e as alterações de configuração serão refletidas na URL. Os usuários podem marcar sua configuração favorita nos favoritos do navegador.
Configurações
Administradores do site podem personalizar as configurações padrão do componente de tema através das configurações do tema:
Resumo
| Configuração | Descrição |
|---|---|
| Exibir categorias | Uma lista de categorias onde o botão “Quadro” deve aparecer. Se deixado em branco, será mostrado em todos os lugares. Para subcategorias, não inclua o slug do pai. Use @ para denotar a visualização de nível superior. |
| Modos padrão | Substitua o modo padrão do quadro para cada categoria. Use a sintaxe categoria:modo:parâmetros. Por exemplo, suporte:atribuído:david,sam,joffrey. Use @ no lugar de categoria para denotar a visualização de nível superior (ex. @:tags:todo,done). Use @untagged para exibir uma coluna sem tags. |
| Visualização padrão | Uma lista de categorias onde o “Quadro” é a visualização padrão. (Nota: Ainda não suporta a visualização padrão de nível superior) |
| Exigir confirmação | Exibir um modal de confirmação antes de fazer alterações nas tags/categoria de um tópico |
| Mostrar tags | Mostrar tags nos cartões de tópico |
| Estilo do cartão | Determinar o estilo visual dos cartões de tópico (atualmente “detalhado” está disponível) |
| Mostrar miniatura do tópico | Exibir a miniatura do tópico na parte inferior do cartão |
| Mostrar indicadores de atividade | Exibir um indicador da atividade de um cartão. Diferentes estilos serão aplicados se o tópico tiver sido atualizado há mais de 7 dias ou mais de 20 dias |
Os padrões para cada configuração são mostrados abaixo:
Personalizações de texto
Administradores podem personalizar os rótulos de texto usados em toda a interface do quadro kanban. Os seguintes elementos de texto podem ser personalizados:
Resumo
| Tradução | Padrão | Descrição |
|---|---|---|
| no_topics | sem tópicos | Exibido quando uma coluna não tem tópicos |
| confirm_change_tags | Remover ‘#%{remove}’ e adicionar ‘#%{add}’ a ‘%{title}’? | Mensagem de confirmação ao alterar tags |
| confirm_close | Fechar tópico ‘%{title}’? | Confirmação ao fechar um tópico |
| confirm_open | Reabrir tópico ‘%{title}’? | Confirmação ao reabrir um tópico |
| confirm_change_category | Mover tópico ‘%{title}’? | Confirmação ao alterar a categoria de um tópico |
| menu_label | Quadro | Texto para o item de menu de navegação do quadro |
| copy_link | Copiar link para a área de transferência | Dica de ferramenta para copiar um link |
| configure | Configurar quadro kanban | Texto para o botão de configuração |
| fullscreen | Alternar tela cheia | Texto para o botão de alternar tela cheia |
| no_lists | Nenhuma lista Kanban configurada… | Exibido quando nenhuma lista está configurada |
| controls | Controles do Kanban Board | Cabeçalho para a seção de controles |
| last_post_by | Último post por | Rótulo para informações do último autor |
| modal.title | Configurar Kanban | Título do modal de configuração |
| modal.tags_placeholder | Tags a exibir… | Texto de espaço reservado para o campo de entrada de tags |
| modal.categories_placeholder | Categorias a exibir… | Texto de espaço reservado para o campo de entrada de categorias |
| modal.usernames_placeholder | Usuários a exibir… | Texto de espaço reservado para o campo de entrada de usuários |
| modal.apply | Aplicar | Texto para o botão aplicar |
| modal.mode | Modo do Quadro | Rótulo para o seletor de modo do quadro |
| modal.lists | Listas | Rótulo para a seção de configuração de listas |
Dicas para uso eficaz
Configurando colunas de tags
Para a configuração mais intuitiva no modo de tags, organize suas tags em um grupo de tags com “apenas uma tag deste grupo” habilitado. Isso garante que os tópicos possam ter apenas uma tag de status, fazendo com que o quadro kanban funcione como um quadro de fluxo de trabalho tradicional.
Controlando a ordem das colunas no modo de tags
Você pode especificar a ordem exata das colunas usando a configuração modos padrão. Por exemplo, especificar roadmap:tags:descoberta,design,build,testes exibirá as colunas nessa ordem específica:
Capacitando seus usuários
Como o mecanismo para mover tópicos entre colunas kanban é alterando a tag, você precisa garantir que seus usuários-alvo possam realmente fazer isso. Opções:
- Certifique-se de que seus usuários-alvo sejam @staff, @trust_level_4 ou moderadores da categoria
- Altere as configurações do site de
tempo de edição de post(isso permite que os usuários alterem o título / tags de seus próprios tópicos por um tempo muito mais longo) - Torne todos os tópicos wikis (eles precisarão editar a wiki para alterar a tag, o que não é ideal)
Perguntas frequentes
Posso usar o quadro kanban em dispositivos móveis?
A funcionalidade de arrastar e soltar atualmente não funciona em dispositivos móveis porque eles não suportam arrastar e soltar HTML5. Você ainda pode visualizar o quadro no celular, mas não poderá mover cartões entre colunas.
Por que a aba do quadro desaparece depois que eu o configuro?
Se a aba do quadro desaparecer após a configuração inicial, você pode precisar garantir que tenha inserido corretamente os nomes das categorias nas configurações do tema. Certifique-se de usar o slug exato da categoria (com underscores em vez de traços, se aplicável) e configure as categorias pai e subcategorias separadamente.
Como limito quais tags são exibidas em todo o site?
Você pode configurar quais tags aparecem no modo de tags usando a configuração modos padrão. Especifique exatamente quais tags devem aparecer como colunas para evitar que todas as tags sejam exibidas.
Como mudo a aparência dos cartões?
Você pode personalizar a aparência dos cartões usando várias configurações:
- Use a configuração “Estilo do cartão” para selecionar o formato de exibição
- Habilite ou desabilite tags nos cartões com a opção “Mostrar tags”
- Adicione miniaturas aos cartões com a configuração “Mostrar miniatura do tópico”
- Adicione indicadores visuais de atividade com a configuração “Mostrar indicadores de atividade”
Recursos #pr-welcome:
-
tornar as listas mais configuráveis. ex: permitir que administradores definam uma combinação de atribuição, tags e categorias em uma única exibição
-
Adicionar suporte para arrastar cartões em dispositivos móveis. Infelizmente, eles não suportam html drag and drop


