Ghost/ghost/admin/app/components/modal-import-members.hbs

48 lines
1.8 KiB
Handlebars
Raw Normal View History

<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>