github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/multi-select-dropdown.hbs (about)

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