luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity
open-nomad/ui/app/templates/components/multi-select-dropdown.hbs

48 lines
1.6 KiB
Handlebars
Raw Normal View History

UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
<BasicDropdown
@horizontalPosition="left"
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@onOpen={{action (queue (action (mut this.isOpen) true) (action this.capture))}}
@onClose={{action (mut this.isOpen) false}} as |dd|
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
>
<dd.Trigger data-test-dropdown-trigger class="dropdown-trigger" {{on "keydown" (action "openOnArrowDown" dd)}}>
Add component accessibility auditing and fixes (#8679) This continues #8455 by adding accessibility audits to component integration tests and fixing associated errors. It adds audits to existing tests rather than adding separate ones to facilitate auditing the various permutations a component’s rendering can go through. It also adds linting to ensure audits happen in component tests. This necessitated consolidating test files that were scattered.
2020-08-25 15:56:02 +00:00
<div class="dropdown-trigger-label" id="{{this.elementId}}-label">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{this.label}}
{{#if this.selection.length}}
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
<span data-test-dropdown-count class="tag is-light">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{this.selection.length}}
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
</span>
Persistence and onSelect handler for the multi-select-dropdown
2019-01-11 23:41:56 +00:00
{{/if}}
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
</div>
Templating and styling the multi-select-dropdown component
2019-01-10 01:54:28 +00:00
<span class="dropdown-trigger-icon ember-power-select-status-icon"></span>
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
</dd.Trigger>
<dd.Content class="dropdown-options">
Add component accessibility auditing and fixes (#8679) This continues #8455 by adding accessibility audits to component integration tests and fixing associated errors. It adds audits to existing tests rather than adding separate ones to facilitate auditing the various permutations a component’s rendering can go through. It also adds linting to ensure audits happen in component tests. This necessitated consolidating test files that were scattered.
2020-08-25 15:56:02 +00:00
{{#if this.options}}
<ul role="listbox" aria-labelledby="{{this.elementId}}-label" data-test-dropdown-options>
{{#each this.options key="key" as |option|}}
<div
data-test-dropdown-option={{option.key}}
class="dropdown-option"
tabindex="0"
onkeydown={{action "traverseList" option}}
>
<label>
<input
type="checkbox"
tabindex="-1"
checked={{contains option.key this.selection}}
role="option"
onchange={{action "toggle" option}}
/>
{{option.label}}
</label>
</div>
{{/each}}
</ul>
{{else}}
<ul aria-labelledby="{{this.elementId}}-label" data-test-dropdown-options>
<li data-test-dropdown-empty class="dropdown-empty">
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
No options
Add component accessibility auditing and fixes (#8679) This continues #8455 by adding accessibility audits to component integration tests and fixing associated errors. It adds audits to existing tests rather than adding separate ones to facilitate auditing the various permutations a component’s rendering can go through. It also adds linting to ensure audits happen in component tests. This necessitated consolidating test files that were scattered.
2020-08-25 15:56:02 +00:00
</li>
</ul>
{{/if}}
UI: Update Ember to 3.12 LTS (#6419) This is mostly deprecation fixes and blueprint changes. There are some dependency updates too; the changes to Ember Basic Dropdown necessitated changing it to angle bracket component invocation. The conversion of the rest of the templates will happen separately.
2019-10-15 18:32:58 +00:00
</dd.Content>
</BasicDropdown>
Reference in a new issue Copy permalink