mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-04 04:10:33 +03:00
350e3d1481
closes https://github.com/TryGhost/Ghost/issues/8859, requires https://github.com/TryGhost/Ghost/pull/8895 - adds Unsplash app to app settings - enable/disable toggle - validation and testing of Unsplash App ID - Unsplash App ID field hidden if provided via Ghost config - adds `fetchPrivate` method to `config` service to pull config that requires authentication and updates authentication routines to fetch private config - adds Unsplash buttons to editor toolbar and `{{gh-image-uploader}}` - only present when Unsplash app is enabled - opens Unsplash image selector when clicked - `{{gh-image-uploader}}` has a new `allowUnsplash` attribute to control display of the unsplash button on a per-uploader basis - adds Unsplash image selector (`{{gh-unsplash}}`) - uses new `unsplash` service to handle API requests and maintain state - search - infinite scroll - zoom image - insert image - download image - adds `{{gh-scroll-trigger}}` that will fire an event when the component is rendered into or enters the visible screen area via scrolling - updates `ui` service - adds `isFullscreen` property and updates `gh-editor` so that it gets set/unset when toggling editor fullscreen mode - adds `hasSideNav` and `isSideNavHidden` properties - updates `media-queries` service so that it fires an event each time a breakpoint is entered/exited - removes the need for observers in certain circumstances
35 lines
1.2 KiB
Handlebars
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}}
|