Files
vault/ui/lib/core/addon/components/navigate-input.hbs
2023-07-14 15:40:18 +00:00

22 lines
768 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
id={{this.inputId}}
class="filter input"
placeholder={{or @placeholder "Filter items"}}
@value={{@filter}}
@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)}}
{{did-insert this.maybeFocusInput}}
/>
<Icon @name="search" class="search-icon has-text-grey-light" />
</p>
</div>
</div>