 |
Resumo | O 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 como usar Temas do Discourse |
Instalar este componente de tema
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
Resumo
O componente de tema Kanban Board transforma a maneira como você organiza e visualiza seus tópicos do 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 estão atribuídos
Você pode arrastar tópicos entre as listas para alterar automaticamente os atributos correspondentes:
Desempenho otimizado
As listas são “carregadas preguiçosamente” (lazy-loaded), o que significa que o componente só carrega o conteúdo conforme necessário. Isso garante um desempenho razoável mesmo ao lidar com um grande número de categorias ou tópicos.
Configuração e ajustes
Seleção do modo de quadro padrão
O modo de quadro padrão será determinado automaticamente usando estes 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 ‘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 em seu navegador.
Configurações
Os 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 “Board” deve aparecer. Se deixado em branco, será mostrado em todos os lugares. Para subcategorias, não inclua o slug pai. Use @ para denotar a visualização de nível superior. |
| Modos padrão | Substitua o modo de quadro padrão para cada categoria. Use a sintaxe categoria:modo:parâmetros. Por exemplo, suporte:atribuído:david,sam,joffrey. Use @ no lugar da 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 “Board” é 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 |
| Exibir tags | Exibir tags nos cartões de tópico |
| Estilo do cartão | Determine o estilo visual dos cartões de tópico (atualmente “detalhado” está disponível) |
| Exibir miniatura do tópico | Exibir a miniatura do tópico na parte inferior do cartão |
| Exibir indicadores de atividade | Exibir um indicador da atividade de um cartão. Diferentes estilos serão aplicados se o tópico tiver sido promovido mais de 7 dias atrás ou mais de 20 dias atrás |
Os padrões para cada configuração são mostrados abaixo:
Personalizações de texto
Os 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 | no topics | Exibido quando uma coluna não tem tópicos |
| confirm_change_tags | Remove ‘#%{remove}’ and add ‘#%{add}’ to ‘%{title}’? | Mensagem de confirmação ao alterar tags |
| confirm_close | Close topic ‘%{title}’? | Confirmação ao fechar um tópico |
| confirm_open | Reopen topic ‘%{title}’? | Confirmação ao reabrir um tópico |
| confirm_change_category | Move topic ‘%{title}’? | Confirmação ao alterar a categoria de um tópico |
| menu_label | Board | Texto para o item do menu de navegação do quadro |
| copy_link | Copy link to clipboard | Tooltip para copiar um link |
| configure | Configure kanban board | Texto para o botão de configuração |
| fullscreen | Toggle fullscreen | Texto para o botão de alternância de tela cheia |
| no_lists | No Kanban lists configured… | Mostrado quando nenhuma lista está configurada |
| controls | Kanban Board Controls | Cabeçalho para a seção de controles |
| last_post_by | Last post by | Rótulo para informações do último postador |
| modal.title | Configure Kanban | Título do modal de configuração |
| modal.tags_placeholder | Tags to display… | Placeholder para o campo de entrada de tags |
| modal.categories_placeholder | Categories to display… | Placeholder para o campo de entrada de categorias |
| modal.usernames_placeholder | Users to display… | Placeholder para o campo de entrada de usuários |
| modal.apply | Apply | Texto para o botão 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 de tags, organize suas tags em um grupo de tags com “somente uma tag deste grupo” ativada. 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 default modes. Por exemplo, especificar roadmap:tags:discovery,design,build,testing exibirá as colunas nessa ordem específica:
Capacitando seus usuários
Como o mecanismo para mover tópicos entre as colunas kanban é alterando a tag, você precisa garantir que seus usuários alvo possam realmente fazer isso. Opções:
- Garanta que seus usuários alvo sejam @staff, @trust_level_4 ou moderadores de categoria
- Altere as configurações do site de
post edit time(isso permite que os usuários possam alterar o título/tags de seus próprios tópicos por um período 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 do HTML5. Você ainda pode visualizar o quadro no celular, mas não poderá mover os cartões entre as colunas.
Por que a guia do quadro desaparece depois que eu a configuro?
Se a guia do quadro desaparecer após a configuração inicial, talvez seja necessário garantir que você inseriu corretamente os nomes das categorias nas configurações do tema. Certifique-se de usar o slug de categoria exato (com sublinhados em vez de hífens, 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 default modes. Especifique exatamente quais tags devem aparecer como colunas para evitar que todas as tags apareçam.
Como altero a aparência do cartão?
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
- Habilite ou desabilite 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. por exemplo, permitir que os 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