github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui: Use InformedAction for KV table row delete confirmations (#9425)

Browse Source
pull/9447/head
John Cowen 4 years ago committed by GitHub
parent 1a7902e0a3
commit 25d6a1277e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File

45
ui/packages/consul-ui/app/components/consul/kv/list/index.hbs
Unescape View File

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

Write Preview
Loading…
Cancel
Save