github.com/ferranbt/nomad@v0.9.3-0.20190607002617-85c449b7667c/ui/app/templates/components/multi-select-dropdown.hbs (about)

     1  {{#basic-dropdown
     2    horizontalPosition="left"
     3    onOpen=(action (queue
     4      (action (mut isOpen) true)
     5      (action capture)
     6    ))
     7    onClose=(action (mut isOpen) false)
     8    as |dd|}}
     9    {{#dd.trigger data-test-dropdown-trigger class="dropdown-trigger" onKeyDown=(action "openOnArrowDown")}}
    10      <span class="dropdown-trigger-label">
    11        {{label}}
    12        {{#if selection.length}}
    13          <span data-test-dropdown-count class="tag is-light">{{selection.length}}</span>
    14        {{/if}}
    15      </span>
    16      <span class="dropdown-trigger-icon ember-power-select-status-icon"></span>
    17    {{/dd.trigger}}
    18    {{#dd.content class="dropdown-options"}}
    19      <ul role="listbox" data-test-dropdown-options>
    20        {{#each options key="key" as |option|}}
    21          <li data-test-dropdown-option={{option.key}} class="dropdown-option" tabindex="1" onkeydown={{action "traverseList" option}}>
    22            <label>
    23              <input
    24                type="checkbox"
    25                tabindex="-1"
    26                checked={{contains option.key selection}}
    27                onchange={{action "toggle" option}} />
    28              {{option.label}}
    29            </label>
    30          </li>
    31        {{else}}
    32          <em data-test-dropdown-empty class="dropdown-empty">No options</em>
    33        {{/each}}
    34      </ul>
    35    {{/dd.content}}
    36  {{/basic-dropdown}}