Links de Breadcrumb

[denvergeeks]

	Resumo	Links de Navegação
	Pré-visualização	README
	Repositório	GitHub - denvergeeks/discourse-breadcrumb-links: Breadcrumb Navigation for Discourse
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo em Temas do Discourse?	Guia para iniciantes sobre o uso de Temas do Discourse

<!- Preencha "repoName" e "repoURL" para o botão de instalação automática →

Instalar este componente de tema

<!- Descreva este tema/componente em uma ou duas frases →

Links de Navegação Básicos

<!- Adicione capturas de tela (se aplicável) →

Em todas as páginas de Tópico: exibe links de volta para as Páginas de Subcategoria (se houver) e Categoria e a Página Inicial do Fórum…

Em todas as páginas de Lista de Categorias e Subcategorias: exibe links de volta para a Lista de Categorias (se estiver em uma Lista de Subcategorias) e a Página Inicial do Fórum…

<!- Adicione mais detalhes e explique as configurações (se aplicável) →

Atualmente, existem configurações para:\n\n1) Fazer com que os breadcrumbs permaneçam sempre visíveis, fixando-os na parte inferior do cabeçalho ao rolar (o padrão é não)\n\n2) Exibir os breadcrumbs no celular (o padrão é sim)\n\n

Quaisquer e todas as PRs são muito bem-vindas!

[Jagster (Jakke Lehtonen)]

Legal, mas Página inicial do fórum deve ser traduzível e os ícones estão faltando.

Poderia ser um pouco menor? Coisas de CSS, eu acho?

[Aaron_Walsh]

Confirmo que também estou sem o ícone.

[Jagster (Jakke Lehtonen)]

Em celulares acontece isto:

Bem, o breadcrumb não é necessário ali, então removê-lo nos chats seria uma solução melhor do que corrigir o CSS?

[Monikas (JustMonika)]

Espero que o autor possa adicionar um recurso para modificar o nome de ‘🡄 Página inicial do fórum’!

[denvergeeks]

Obrigado pelo feedback rápido e bom, pessoal – por favor, continuem enviando – isso me motiva a continuar aprendendo!

[Aaron_Walsh]

Um problema que estou enfrentando com isso é que ele aparece na caixa de chat, o que limita muito a capacidade de fazer qualquer coisa com o teclado padrão sobre a caixa de texto.

E em segundo lugar, como somos um fórum fechado, seria bom que isso fosse removido da página de login/cadastro.

[denvergeeks]

Obrigado @Jagster por testar o bug – você pode atualizá-lo e verificar novamente?

[denvergeeks]

Obrigado @Aaron_Walsh, fiz algumas alterações - você poderia testar a versão mais recente?

[Jagster (Jakke Lehtonen)]

Sim. Agora está tudo bem.

[Aaron_Walsh]

Olá, @denvergeeks.

Sim. O ícone agora aparece completamente e foi removido da página de login. No entanto, ele ainda permanece na caixa de chat, que ainda está cortando a caixa de digitação padrão.

Conforme mencionado abaixo, já temos uma aba de fórum na qual podemos clicar, então a sua poderia ser removida, se possível, ou uma opção poderia ser fornecida para removê-la se outros não a quiserem.

[denvergeeks]

Seu fórum está aberto onde eu posso dar uma olhada?

[Aaron_Walsh]

Infelizmente não, é um grupo fechado e privado.

[Jagster (Jakke Lehtonen)]

Funciona no iPhone e também não mostrou aquele link.

[denvergeeks]

Não estou vendo isso agora em nenhuma visualização do chat, seja no meu iPhone, celular Android ou no aplicativo DiscourseHub.

Em qual dispositivo e sistema operacional você está vendo isso?

[Aaron_Walsh]

Peço desculpas, por algum motivo ele não fez uma atualização, embora tenha feito como outras mudaram mas agora removido

[manuel (Manuel Kostka)]

@denvergeeks Tenho uma configuração básica para um componente de breadcrumbs aqui: Manuel Kostka / Discourse / Components / Breadcrumbs · GitLab.

A abordagem é baseada no código do tema central que adiciona breadcrumbs a algumas visualizações que não exibem os menus suspensos padrão (discourse-central-theme/javascripts/discourse/connectors/above-main-container/breadcrumbs.gjs at main · discourse/discourse-central-theme · GitHub).

Eu apenas refatorei este código por enquanto para que o template siga o BEM para estilos e seja mais personalizável em geral. Também adicionei categorias. Ele não renderizará categorias aninhadas, ou em listas de tags ou outras visualizações por enquanto.

Não tenho planos imediatos para trabalhar mais nisso. Mas acho que esta é geralmente uma abordagem mais performática e moderna, pois não faz chamadas ajax e é construída como um template glimmer. Se você se sentir à vontade, dê uma olhada ou tente estendê-lo

[denvergeeks]

Ei @manuel obrigado, isso é super útil!

Você tem alguma dica ou conselho sobre como incluir subcategorias na trilha de navegação (breadcrumb)?

[manuel (Manuel Kostka)]

Eu provavelmente tentaria adicionar um getter separado para páginas pai, semelhante ao currentPage:

get parentPage() {
...
}

E teria outro item de lista no template quando houvesse uma página pai:

{{#if this.parentPage}}
  <li class="parent">
    {{this.parentPage}}
  </li>
{{/if}}

[manuel (Manuel Kostka)]

..brinquei com isso e já adicionei ao repositório.

Não tenho certeza se isso seria melhor escrito com actions? Encontro problemas quando tento, mas acho que é porque não entendo Ember e estados de aplicativos bem o suficiente..

De qualquer forma, @moderators talvez fosse melhor mover estas poucas postagens para o tópico original de desenvolvimento Como adicionar breadcrumb? Em vez de aqui no tópico do componente?