mirror of https://github.com/hashicorp/consul
69 lines
1.6 KiB
Handlebars
69 lines
1.6 KiB
Handlebars
<div
|
|
class="search-bar"
|
|
...attributes
|
|
>
|
|
<form
|
|
class="filter-bar"
|
|
>
|
|
<div class="search">
|
|
{{yield (hash
|
|
Search=(component "freetext-filter")
|
|
Select=(component "popover-select")
|
|
) to="search"}}
|
|
</div>
|
|
<div class="filters">
|
|
{{yield (hash
|
|
Search=(component "freetext-filter")
|
|
Select=(component "popover-select")
|
|
) to="filter"}}
|
|
</div>
|
|
<div class="sort">
|
|
{{yield (hash
|
|
Search=(component "freetext-filter")
|
|
Select=(component "popover-select")
|
|
) to="sort"}}
|
|
</div>
|
|
</form>
|
|
{{#if this.isFiltered}}
|
|
<div class="search-bar-status">
|
|
<dl>
|
|
<dt>{{string-trim
|
|
(t "component.search-bar.header"
|
|
default="common.ui.filtered-by"
|
|
item=""
|
|
)
|
|
}}</dt>
|
|
<dd>
|
|
<ul>
|
|
{{#each this.filters as |filter|}}
|
|
{{yield (hash
|
|
RemoveFilter=(component "search-bar/remove-filter" onclick=(action
|
|
(get (get @filter filter.key) "change")
|
|
(hash
|
|
target=(hash
|
|
selectedItems=(join filter.selected ',')
|
|
)
|
|
))
|
|
)
|
|
status=(hash
|
|
key=filter.key
|
|
value=(lowercase filter.value)
|
|
)
|
|
)
|
|
to="status"
|
|
}}
|
|
{{/each}}
|
|
<li class="remove-all">
|
|
<Action
|
|
{{on "click" this.removeAllFilters}}
|
|
>
|
|
Remove filters
|
|
</Action>
|
|
</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|