luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

ui: Use InformedAction for intention confirmation dialogs (#9398)

This commit is contained in:
John Cowen 2020-12-15 16:33:05 +00:00 committed by GitHub
parent cc3ebef5df
commit 751ad844ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
ui/packages/consul-ui/app/components/consul/intention/list/table/index.hbs
View File

@ -66,24 +66,36 @@ as |item index|>
<li role="none" class="dangerous">
<label for={{confirm}} role="menuitem" tabindex="-1" onkeypress={{keypressClick}} data-test-delete>Delete</label>
<div role="menu">
<div class="confirmation-alert warning">
<div>
<header>
Confirm Delete
</header>
<InformedAction
class="warning"
>
<:header>
Confirm Delete
</:header>
<:body>
<p>
Are you sure you want to delete this intention?
</p>
</div>
<ul>
<li class="dangerous">
<button tabindex="-1" type="button" class="type-delete" onclick={{queue (action change) (action @delete item)}}>Delete</button>
</li>
<li>
<label for={{confirm}}>Cancel</label>
</li>
</ul>
</div>
</:body>
<:actions as |Actions|>
<Actions.Action class="dangerous">
<Action
class="type-delete"
tabindex="-1"
{{on 'click' (queue (action change) (action @delete item))}}
>
Delete
</Action>
</Actions.Action>
<Actions.Action>
<Action
@for={{confirm}}
>
Cancel
</Action>
</Actions.Action>
</:actions>
</InformedAction>
</div>
</li>
{{else}}