mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-30 01:42:29 +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.
48 lines
1.8 KiB
Handlebars
48 lines
1.8 KiB
Handlebars
<header class="modal-header" data-test-modal="import-members">
|
|
<h1>
|
|
{{#if this.response}}
|
|
Import result
|
|
{{else}}
|
|
Import members
|
|
{{/if}}
|
|
</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 bg-whitegrey-l2 ba b--whitegrey br3">
|
|
{{#if this.response}}
|
|
<table class="gh-members-import-results">
|
|
<tr>
|
|
<td>Imported:</td>
|
|
<td align="left" data-test-text="import-members-imported">{{this.response.imported}}</td>
|
|
</tr>
|
|
{{#if this.response.duplicates}}
|
|
<tr>
|
|
<td>Duplicates:</td>
|
|
<td align="left" data-test-text="import-members-duplicates">{{this.response.duplicates}}</td>
|
|
</tr>
|
|
{{/if}}
|
|
{{#if this.response.invalid}}
|
|
<tr>
|
|
<td class="red">Invalid:</td>
|
|
<td align="left" data-test-text="import-members-invalid" class="red">{{this.response.invalid}}</td>
|
|
</tr>
|
|
{{/if}}
|
|
</table>
|
|
{{else}}
|
|
<GhFileUploader
|
|
@url={{this.uploadUrl}}
|
|
@paramName="membersfile"
|
|
@labelText="Select or drag-and-drop a CSV file."
|
|
@uploadStarted={{action "uploadStarted"}}
|
|
@uploadFinished={{action "uploadFinished"}}
|
|
@uploadSuccess={{action "uploadSuccess"}} />
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button {{action "closeModal"}} disabled={{this.closeDisabled}} class="gh-btn" data-test-button="close-import-members">
|
|
<span>{{#if this.response}}Close{{else}}Cancel{{/if}}</span>
|
|
</button>
|
|
</div>
|