Ghost-Admin/app/templates/components/gh-image-uploader.hbs

35 lines
1.2 KiB
Handlebars

{{#if file}}
{{!-- Upload in progress! --}}
{{#if failureMessage}}
<div class="failed">{{failureMessage}}</div>
{{/if}}
<div class="progress-container">
<div class="progress">
<div class="bar {{if failureMessage "fail"}}" style={{progressStyle}}></div>
</div>
</div>
{{#if failureMessage}}
<button class="gh-btn gh-btn-green" {{action "reset"}}><span>Try Again</span></button>
{{/if}}
{{else}}
{{!-- file selection/drag-n-drop --}}
<div class="upload-form">
{{#gh-file-input multiple=false alt=description action=(action "fileSelected") accept=accept}}
<div class="gh-btn gh-btn-outline" data-test-file-input-description><span>{{description}}</span></div>
{{/gh-file-input}}
{{#if (and allowUnsplash unsplash.isActive)}}
<div class="gh-image-uploader-unsplash" {{action (toggle "_showUnsplash" this)}}>
{{inline-svg "unsplash"}}
</div>
{{/if}}
</div>
{{/if}}
{{#if _showUnsplash}}
{{gh-unsplash
insert=(action "addUnsplashPhoto")
close=(action (toggle "_showUnsplash" this))
}}
{{/if}}