Pesquisa no cabeçalho em cabeçalho personalizado

Olá! Quero inserir a pesquisa padrão no meu cabeçalho personalizado aqui


então é quase o mesmo (com preenchimento automático). Como isso pode ser feito?

Esta pesquisa:

2 curtidas

Presumo que este seja um cabeçalho personalizado dentro do Discourse e você não está procurando obter a pesquisa do Discourse em outro site, correto?

Tenho um exemplo mínimo de um componente de tema que realoca a pesquisa para o plugin outlet above-site-header: GitHub - awesomerobot/example-widget-reopen at search-header-example… isso é baseado em trabalhos anteriores em componentes existentes como Advanced Search Banner e Advanced Header Search

O exemplo é em grande parte sem estilo, mas fornece um botão e menu de pesquisa funcionais.


Observe que isso substitui a funcionalidade de pesquisa existente do Discourse e a reempacota de uma forma que funcionará em um plugin outlet, portanto, você desejará ocultar o ícone de pesquisa padrão do Discourse, pois ele não funcionará mais corretamente. Isso também pode precisar de manutenção de tempos em tempos se atualizarmos nossa funcionalidade de pesquisa.

Isso ajusta nosso widget de menu de pesquisa no arquivo init-header-search.js, o adiciona a um componente em search-header.hbs e, em seguida, adiciona esse componente ao plugin outlet em custom-header-connector.hbs. Você pode adicionar conteúdo de cabeçalho adicional a qualquer um desses arquivos hbs, ou alterar o plugin outlet ao qual o componente é adicionado alterando o diretório /above-site-header.

4 curtidas

Esse é um ótimo exemplo, muito obrigado. Como fazer a busca ficar oculta por padrão e abrir ao clicar no ícone de busca?