github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/components/multi-select-dropdown.hbs (about)

     1  <BasicDropdown
     2    @horizontalPosition="left"
     3    @onOpen={{action (queue (action (mut this.isOpen) true) (action this.capture))}}
     4    @onClose={{action (mut this.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" id="{{this.elementId}}-label">
     8        {{this.label}}
     9        {{#if this.selection.length}}
    10          <span data-test-dropdown-count class="tag is-light">
    11            {{this.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      {{#if this.options}}
    19        <ul role="listbox" aria-labelledby="{{this.elementId}}-label" data-test-dropdown-options>
    20          {{#each this.options key="key" as |option|}}
    21            <div
    22              data-test-dropdown-option={{option.key}}
    23              class="dropdown-option"
    24              tabindex="0"
    25              onkeydown={{action "traverseList" option}}
    26            >
    27              <label>
    28                <input
    29                  type="checkbox"
    30                  tabindex="-1"
    31                  checked={{includes option.key this.selection}}
    32                  role="option"
    33                  onchange={{action "toggle" option}}
    34                />
    35                {{option.label}}
    36              </label>
    37            </div>
    38          {{/each}}
    39        </ul>
    40      {{else}}
    41        <ul aria-labelledby="{{this.elementId}}-label" data-test-dropdown-options>
    42          <li data-test-dropdown-empty class="dropdown-empty">
    43            No options
    44          </li>
    45        </ul>
    46      {{/if}}
    47    </dd.Content>
    48  </BasicDropdown>