discourse/app/assets/javascripts/select-kit/addon/templates/components/selected-name.hbs
Joffrey JAFFEUX 323a5f22e7
A11Y: makes select-kit header a listbox (#12078)
Note that for now pressing enter doesn’t make anything, this is awaiting another change.
2021-02-15 18:22:10 +01:00

32 lines
862 B
Handlebars

{{#if selectKit.options.showFullTitle}}
<div tabindex="0" role="button" lang={{lang}} {{action "onSelectedNameClick"}} title={{title}} data-value={{value}} data-name={{name}} class="select-kit-selected-name selected-name choice">
{{#if item.icon}}
{{d-icon item.icon}}
{{/if}}
<span class="name">
{{label}}
</span>
{{#if selectKit.options.clearOnClick}}
{{d-icon "times"}}
{{else}}
{{#if shouldDisplayClearableButton}}
{{d-button
class="btn-clear"
icon="times"
action=selectKit.deselect
actionParam=item
ariaLabel="clear_input"
}}
{{/if}}
{{/if}}
</div>
{{else}}
{{#if item.icon}}
<div role="textbox" lang={{lang}} class="select-kit-selected-name selected-name choice">
{{d-icon item.icon}}
</div>
{{/if}}
{{/if}}