20 lines
694 B
Handlebars
20 lines
694 B
Handlebars
|
<div class="navigate-filter">
|
||
|
|
<div class="field" data-test-nav-input>
|
||
|
|
<p class="control has-icons-left">
|
||
|
|
{{! template-lint-disable no-down-event-binding }}
|
||
|
|
<input
|
||
|
|
class="filter input"
|
||
|
|
value={{@filter}}
|
||
|
|
placeholder={{or @placeholder "Filter items"}}
|
||
|
|
type="text"
|
||
|
|
data-test-component="navigate-input"
|
||
|
|
{{on "input" this.handleInput}}
|
||
|
|
{{on "keyup" this.handleKeyUp}}
|
||
|
|
{{on "keydown" this.handleKeyPress}}
|
||
|
|
{{on "focus" (fn this.setFilterFocused true)}}
|
||
|
|
{{on "blur" (fn this.setFilterFocused false)}}
|
||
|
|
/>
|
||
|
|
<Icon @name="search" class="search-icon has-text-grey-light" />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|