status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

This commit is contained in:
John Cowen 2020-12-18 09:03:25 +00:00 committed by hashicorp-ci
parent eaafe44cea
commit b9a4171778
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
ui/packages/consul-ui/app/components/consul/kv/list/index.hbs
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> >
<:header>
Confirm Delete Confirm Delete
</header> </: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>