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"
Update Ember/Ember CLI to 3.20 (#9641) This doesn’t include Ember Data, as we are still back on 3.12. Most changes are deprecation updates, linting fixes, and dependencies. It can be read commit-by-commit, though many of them are mechanical and skimmable. For the new linting exclusions, I’ve added them to the Tech Debt list. The decrease in test count is because linting is no longer included in ember test. There’s a new deprecation warning in the logs that can be fixed by updating Ember Power Select but when I tried that it caused it to render incorrectly, so I decided to ignore it for now and address it separately.
2021-02-17 21:01:44 +00:00
checked={{includes option.key this.selection}}
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
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