mirror of
https://github.com/status-im/consul.git
synced 2025-02-03 09:24:25 +00:00
afafe677a3
* ui: Change action-group to use new popup-menu component in intentions * ui: Slight amends to aria-menu to prevent scrolling * ui: Begin to use aria-menu/popover-menu for other elements * Use a simpler, hackier method to fix up zIndexing * ui: Implement new confirmation dialogs in other list views (#7080) This includes another amend to the popover-menu in order to allow mutiple confirmations/subpanels in the same popover menu. The functionality added here to allow this is likely to change in the future.
27 lines
1.1 KiB
Handlebars
27 lines
1.1 KiB
Handlebars
{{yield (concat 'popover-menu-' guid)}}
|
|
{{#aria-menu keyboardAccess=keyboardAccess as |change keypress ariaLabelledBy ariaControls ariaExpanded keypressClick|}}
|
|
{{#toggle-button checked=expanded onchange=(queue change (action 'change')) as |click|}}
|
|
<button type="button" aria-haspopup="menu" onkeydown={{keypress}} onclick={{click}} id={{ariaLabelledBy}} aria-controls={{ariaControls}}>
|
|
{{#yield-slot name='trigger'}}
|
|
{{yield}}
|
|
{{/yield-slot}}
|
|
</button>
|
|
{{/toggle-button}}
|
|
<div>
|
|
<input type="checkbox" id={{concat 'popover-menu-' guid '-'}} />
|
|
{{#each submenus as |sub|}}
|
|
<input type="checkbox" id={{concat 'popover-menu-' guid '-' sub}} />
|
|
{{/each}}
|
|
{{#yield-slot name='header'}}
|
|
<div>
|
|
{{yield}}
|
|
</div>
|
|
{{else}}
|
|
{{/yield-slot}}
|
|
<ul role="menu" id={{ariaControls}} aria-labelledby={{ariaLabelledBy}} aria-expanded={{ariaExpanded}}>
|
|
{{#yield-slot name='menu' params=(block-params (concat 'popover-menu-' guid '-') send keypressClick) }}
|
|
{{yield}}
|
|
{{/yield-slot}}
|
|
</ul>
|
|
</div>
|
|
{{/aria-menu}} |