Ghost/ghost/admin/app/templates/components/gh-token-input/trigger.hbs

58 lines
2.2 KiB
Handlebars
Raw Normal View History

{{#sortable-objects tagName="ul"
id=(concat "ember-power-select-multiple-options-" select.uniqueId)
class="ember-power-select-multiple-options"
sortableObjectList=select.selected
enableSort=true
useSwap=false
sortEndAction=(action "reorderItems")
}}
{{#each select.selected as |opt idx|}}
{{#component (or extra.tokenComponent "draggable-object")
tagName="li"
class="ember-power-select-multiple-option"
select=select
content=(readonly opt)
idx=idx
isSortable=true
mouseDown=(action "handleOptionMouseDown")
touchStart=(action "handleOptionTouchStart")
}}
{{#if selectedItemComponent}}
{{component selectedItemComponent option=(readonly opt) select=(readonly select)}}
{{else}}
{{yield opt select}}
{{/if}}
{{#unless select.disabled}}
<span role="button"
aria-label="remove element"
class="ember-power-select-multiple-remove-btn"
data-selected-index={{idx}}
>
{{svg-jar "close" data-selected-index=idx}}
</span>
{{/unless}}
{{/component}}
{{else}}
{{#if (and placeholder (not searchEnabled))}}
<span class="ember-power-select-placeholder">{{placeholder}}</span>
{{/if}}
{{/each}}
{{#if searchEnabled}}
<input type="search" class="ember-power-select-trigger-multiple-input"
tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
id="ember-power-select-trigger-multiple-input-{{select.uniqueId}}"
value={{select.searchText}}
aria-controls={{listboxId}}
style={{triggerMultipleInputStyle}}
placeholder={{maybePlaceholder}}
disabled={{select.disabled}}
oninput={{action "onInput"}}
onFocus={{onFocus}}
onBlur={{onBlur}}
tabindex={{tabindex}}
onkeydown={{action "onKeydown"}}>
{{/if}}
{{/sortable-objects}}
<span class="ember-power-select-status-icon"></span>