00e06301f1
* initial WIP glimmerize the controller
* wip got the filter engine type by supported backends working
* got filter by engine type working
* wip need to refactor but working ish for name
* wip working state with both filters, does not work if both fiters are set
* fixed when you have two selected filters, but broken for multiples of the same type with different names
* remove repeated engineTypes in filter list
* add disabled to power select
* fix bug of glimmer for the concurrency task.
* wording fix
* remove linkableItem and the nested contextual compnents to help with loading speed.
* add changelog
* fix some tests
* add test coverage
* Update 20481.txt
update changelog text
* test fixes 🤞
* test fix?
* address a pr comment and save
* address pr comment
101 lines
3.1 KiB
Handlebars
101 lines
3.1 KiB
Handlebars
<div
|
|
{{did-insert (perform this.fetchOptions)}}
|
|
{{did-update (perform this.fetchOptions) (or @options @models)}}
|
|
id={{@id}}
|
|
class="field search-select {{if @displayInherit 'display-inherit'}}"
|
|
data-test-component="search-select"
|
|
...attributes
|
|
>
|
|
{{#if this.shouldUseFallback}}
|
|
{{component
|
|
@fallbackComponent
|
|
id=@id
|
|
label=@label
|
|
subText=@subText
|
|
onChange=@onChange
|
|
inputValue=@inputValue
|
|
helpText=@helpText
|
|
placeholder=@placeholder
|
|
}}
|
|
{{else}}
|
|
{{#if @label}}
|
|
<label for={{@id}} class={{or @labelClass "is-label"}} data-test-field-label>
|
|
{{@label}}
|
|
{{#if @helpText}}
|
|
<InfoTooltip>{{@helpText}}</InfoTooltip>
|
|
{{/if}}
|
|
</label>
|
|
{{/if}}
|
|
{{#if @subText}}
|
|
<p class="sub-text">{{@subText}}</p>
|
|
{{/if}}
|
|
{{#unless this.hidePowerSelect}}
|
|
<PowerSelect
|
|
@eventType="click"
|
|
@placeholder={{@placeholder}}
|
|
@searchEnabled={{true}}
|
|
@search={{this.searchAndSuggest}}
|
|
@options={{this.dropdownOptions}}
|
|
@onChange={{this.selectOrCreate}}
|
|
@placeholderComponent={{component "search-select-placeholder"}}
|
|
@verticalPosition="below"
|
|
@disabled={{@disabled}}
|
|
as |option|
|
|
>
|
|
{{#if this.shouldRenderName}}
|
|
{{option.name}}
|
|
<small class="search-select-list-key" data-test-smaller-id="true">
|
|
{{get option this.idKey}}
|
|
</small>
|
|
{{else}}
|
|
{{option.id}}
|
|
{{/if}}
|
|
</PowerSelect>
|
|
{{/unless}}
|
|
<ul class="search-select-list">
|
|
{{#each this.selectedOptions as |selected index|}}
|
|
<li class="search-select-list-item" data-test-selected-option={{index}}>
|
|
{{#if this.shouldRenderName}}
|
|
{{selected.name}}
|
|
<small class="search-select-list-key" data-test-smaller-id={{index}}>
|
|
{{get selected this.idKey}}
|
|
</small>
|
|
{{else}}
|
|
<div>
|
|
{{selected.id}}
|
|
{{#if @wildcardLabel}}
|
|
{{#if (is-wildcard-string selected.id)}}
|
|
{{#let (filter-wildcard selected this.allOptions) as |wildcardCount|}}
|
|
<span class="tag is-light has-text-grey-dark" data-test-count={{wildcardCount}}>
|
|
includes
|
|
{{wildcardCount}}
|
|
{{if (eq wildcardCount 1) @wildcardLabel (pluralize @wildcardLabel)}}
|
|
</span>
|
|
{{/let}}
|
|
{{/if}}
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
<div class="control">
|
|
{{#if selected.addTooltip}}
|
|
<InfoTooltip>
|
|
{{selected.addTooltip}}
|
|
</InfoTooltip>
|
|
{{/if}}
|
|
<button
|
|
type="button"
|
|
class="button is-ghost"
|
|
data-test-selected-list-button="delete"
|
|
{{on "click" (fn this.discardSelection selected)}}
|
|
>
|
|
<Icon @name="trash" class="has-text-grey" />
|
|
</button>
|
|
</div>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{#if (has-block)}}
|
|
{{yield}}
|
|
{{/if}}
|
|
{{/if}}
|
|
</div> |