mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-25 19:48:50 +03:00
59fcc567f1
refs TryGhost/Ghost#11863 Some `a`tags with `href` attributes that are empty are used as buttons, but since the href is not linkifying anything, they appear as text nodes to assistive technologies. Give them a `"button"` role so it is guaranteed that assistive technologies will pick them up as actionable controls.
31 lines
1.3 KiB
Handlebars
31 lines
1.3 KiB
Handlebars
<header class="modal-header" data-test-modal="delete-user">
|
||
<h1>Are you sure you want to delete this user?</h1>
|
||
</header>
|
||
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
|
||
|
||
<div class="modal-body">
|
||
{{#if this.user.count.posts}}
|
||
<p>
|
||
<strong>{{this.user.name}}</strong> and their <strong data-test-text="user-post-count">{{pluralize this.user.count.posts 'post'}}</strong> will be permanently deleted. If you don’t want to lose these posts, you should assign them to a different author.
|
||
</p>
|
||
<p>
|
||
A backup will be automatically downloaded to your device before deletion.
|
||
</p>
|
||
{{else}}
|
||
<p>
|
||
<strong>{{this.user.name}}</strong> will be permanently deleted. A backup will be automatically downloaded to your device before deletion.
|
||
</p>
|
||
{{/if}}
|
||
</div>
|
||
|
||
<div class="modal-footer">
|
||
<button {{action "closeModal"}} class="gh-btn" data-test-button="cancel-delete-user">
|
||
<span>Cancel</span>
|
||
</button>
|
||
<GhTaskButton @buttonText="Download backup & delete user"
|
||
@successText="Deleted"
|
||
@task={{this.deleteUser}}
|
||
@class="gh-btn gh-btn-red gh-btn-icon"
|
||
data-test-button="confirm-delete-user" />
|
||
</div>
|