Zhihe LiandLisbet Alvarez
a26662eca5
* feat: 🎸 Add filtering/pagination for admin ui targets ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12193 * test: 💍 add acceptance test cases ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12193 * test: 💍 cleanup tests and add controller tests ✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12193 --------- Co-authored-by: Lisbet Alvarez <lisbet.alvarez@hashicorp.com>
59 lines
1.4 KiB
Handlebars
59 lines
1.4 KiB
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: MPL-2.0
|
|
}}
|
|
|
|
<Hds::Dropdown
|
|
@height='314px'
|
|
@onClose={{this.close}}
|
|
@listPosition={{@listPosition}}
|
|
name={{@name}}
|
|
as |DD|
|
|
>
|
|
<DD.ToggleButton
|
|
@color='secondary'
|
|
@text={{@name}}
|
|
@count={{@checkedItems.length}}
|
|
{{on 'click' this.open}}
|
|
/>
|
|
{{#if @isSearchable}}
|
|
<DD.Header @hasDivider={{true}}>
|
|
<Hds::Form::TextInput::Base
|
|
@type='search'
|
|
@value={{this.searchTerm}}
|
|
placeholder={{t 'actions.narrow-results'}}
|
|
aria-label={{t 'actions.narrow-results'}}
|
|
{{on 'input' this.filterItems}}
|
|
data-test-dropdown-search
|
|
/>
|
|
</DD.Header>
|
|
{{/if}}
|
|
{{#unless this.itemOptions}}
|
|
<DD.Description @text={{t 'titles.no-results'}} />
|
|
{{/unless}}
|
|
|
|
{{#if (has-block)}}
|
|
{{yield DD this.selectItem this.itemOptions}}
|
|
{{else}}
|
|
{{#each this.itemOptions as |itemOption|}}
|
|
<DD.Checkbox
|
|
@value={{itemOption.id}}
|
|
data-test-checkbox={{itemOption.id}}
|
|
checked={{includes itemOption.id @checkedItems}}
|
|
{{on 'change' this.selectItem}}
|
|
>
|
|
{{if itemOption.name itemOption.name itemOption.id}}
|
|
</DD.Checkbox>
|
|
{{/each}}
|
|
{{/if}}
|
|
|
|
<DD.Footer @hasDivider={{true}}>
|
|
<Hds::Button
|
|
@text='Apply'
|
|
@isFullWidth={{true}}
|
|
@size='small'
|
|
{{on 'click' (fn this.applyFilter DD.close)}}
|
|
data-test-dropdown-apply-button
|
|
/>
|
|
</DD.Footer>
|
|
</Hds::Dropdown> |