Ghost-Admin/app/components/gh-search-input.hbs

22 lines
672 B
Handlebars

<div ...attributes>
<PowerSelect
class="ember-power-select-search"
@search={{perform this.searchTask}}
@onChange={{this.openSelected}}
@onClose={{this.onClose}}
@placeholder="Search site"
@searchEnabled={{false}}
@triggerComponent="gh-input-with-select/trigger"
@renderInPlace={{true}}
@loadingMessage="Loading"
@extra={{hash
autofocus=true
inputType="search"
inputIcon="search"
inputIconClass="gh-nav-search-icon"
}}
as |name select|
>
{{highlighted-text name.title select.searchText}}
</PowerSelect>
</div>