Поиск заголовка в пользовательском заголовке

Привет! Я хочу добавить поиск по умолчанию в свой пользовательский заголовок здесь


так что это почти то же самое (с автодополнением). Как это можно сделать?

Этот поиск:

Я предполагаю, что это пользовательский заголовок внутри Discourse, и вы не планируете использовать поиск Discourse на другом сайте, верно?

У меня есть минимальный пример компонента темы, который перемещает поиск в плагин-аутлет above-site-header: GitHub - awesomerobot/example-widget-reopen at search-header-example · GitHub… это основано на предыдущей работе в существующих компонентах, таких как Advanced Search Banner и Advanced Header Search.

Пример в основном без стилей, но предоставляет функциональную кнопку поиска и меню.


Обратите внимание, что это переопределяет существующую функциональность поиска в заголовке и переупаковывает её так, чтобы она работала в плагин-аутлете, поэтому вам нужно скрыть стандартную иконку поиска Discourse, так как она больше не будет работать корректно. Это также может потребовать периодического обслуживания, если мы обновим нашу функциональность поиска.

Это корректирует наш виджет search-menu в файле init-header-search.js, добавляет его в компонент в search-header.hbs, а затем добавляет этот компонент в плагин-аутлет в custom-header-connector.hbs. Вы можете добавить дополнительный контент заголовка в любой из этих файлов hbs или изменить плагин-аутлет, в который добавляется компонент, изменив директорию /above-site-header.

Это отличный пример, большое спасибо. Как правильно сделать поиск скрытым по умолчанию и открывающимся при клике на иконку поиска?