 |
Resumo | Kanban Board permite que você exiba e organize 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 |
Instale este componente de tema
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 oferece 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 foram 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”, o que significa que o componente carrega conteúdo apenas conforme necessário. Isso garante um desempenho razoável mesmo ao lidar com grandes quantidades de categorias ou tópicos.
Configuração e personalização
Seleção do modo padrão do quadro
O modo padrão do quadro será determinado automaticamente usando os seguintes critérios:
- Se for o nível superior, use o modo categorias
- Se 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 ‘top tags’)
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 seus favoritos no 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 |
|---|---|
| Display categories | Uma lista de categorias onde o botão “Board” deve aparecer. Se deixado em branco, será exibido em todos os lugares. Para subcategorias, não inclua o slug do pai. Use @ para denotar a visualização do nível superior. |
| Default modes | Substitua o modo padrão do quadro para cada categoria. Use a sintaxe category:mode:params. Por exemplo, support:assigned:david,sam,joffrey. Use @ no lugar da categoria para denotar a visualização do nível superior (ex: @:tags:todo,done). Use @untagged para exibir uma coluna sem tags. |
| Default view | Uma lista de categorias onde o “Board” é a visualização padrão. (Nota: Ainda não suporta a visualização padrão do nível superior) |
| Require confirmation | Exibir um modal de confirmação antes de fazer alterações nas tags/categoria de um tópico |
| Show tags | Exibir tags nos cartões de tópicos |
| Card style | Determinar o estilo visual dos cartões de tópicos (atualmente “detailed” está disponível) |
| Show topic thumbnail | Exibir a miniatura do tópico na parte inferior do cartão |
| Show activity indicators | Exibir um indicador de atividade de um cartão. Estilos diferentes serão aplicados se o tópico foi 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 Kanban board. Os seguintes elementos de texto podem ser personalizados:
Resumo
| Tradução | Padrão | Descrição |
|---|---|---|
| no_topics | no topics | 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 | Board | 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 kanban board | 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 | Kanban Board Controls | Cabeçalho para a seção de controles |
| last_post_by | Última postagem por | Rótulo para informações do último postador |
| modal.title | Configurar Kanban | Título do modal de configuração |
| modal.tags_placeholder | Tags para exibir… | Texto de preenchimento para o campo de entrada de tags |
| modal.categories_placeholder | Categorias para exibir… | Texto de preenchimento para o campo de entrada de categorias |
| modal.usernames_placeholder | Usuários para exibir… | Texto de preenchimento para o campo de entrada de usuários |
| modal.apply | Aplicar | Texto para o botão de aplicar |
| modal.mode | Board Mode | Rótulo para o seletor de modo do quadro |
| modal.lists | Lists | 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 tags, organize suas tags em um grupo de tags com “apenas uma tag deste grupo” ativado. 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 tags
Você pode especificar a ordem exata das colunas usando a configuração default modes. Por exemplo, especificar roadmap:tags:discovery,design,build,testing exibirá as colunas nessa ordem específica:
Empoderando 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 são @staff, @trust_level_4 ou moderadores de categoria
- Altere as configurações do site
post edit time(isso permite que os usuários alterem o título/tags de seus próprios tópicos por um período muito maior) - 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 em dispositivos móveis, mas não poderá mover cartões entre colunas.
Por que a aba do quadro desaparece após a configuração?
Se a aba do quadro desaparecer após a configuração inicial, você pode precisar garantir que inseriu corretamente os nomes das categorias nas configurações do tema. Certifique-se de usar o slug exato da categoria (com underscores em vez de hífens, se aplicável) e configure categorias pai e subcategorias separadamente.
Como limito quais tags são exibidas em todo o site?
Você pode configurar quais tags aparecem no modo tags usando a configuração default modes. Especifique exatamente quais tags devem aparecer como colunas para evitar que todas as tags apareçam.
Como altero a aparência dos cartões?
Você pode personalizar a aparência dos cartões usando várias configurações:
- Use a configuração “Card style” para selecionar o formato de exibição
- Ative ou desative tags nos cartões com a opção “Show tags”
- Adicione miniaturas aos cartões com a configuração “Show topic thumbnail”
- Adicione indicadores visuais de atividade com a configuração “Show activity indicators”
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 arrastar e soltar html