TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-08 12:09:43 +03:00
Code Issues Projects Releases Wiki Activity
c462bbba3b
Ghost/ghost/admin/app/templates/integrations/unsplash.hbs

65 lines
3.0 KiB
Handlebars
Raw Normal View History

✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
<section class="gh-canvas">
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes
2019-06-18 13:47:21 +03:00
<GhCanvasHeader class="gh-canvas-header">
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
<h2 class="gh-canvas-title" data-test-screen-title>
Updated navigation (#1832) no issue Updated settings navigation to a completely redesigned flow for Ghost 4.0 🎉 Co-authored-by: Kevin Ansfield <kevin@lookingsideways.co.uk> Co-authored-by: Fabien O'Carroll <fabien@allou.is> Co-authored-by: Rish <zrishabhgarg@gmail.com>
2021-01-28 18:25:21 +03:00
<LinkTo @route="integrations" data-test-link="integrations-back">Integrations</LinkTo>
Swap out ember-inline-svg for ember-svg-jar (#970) closes TryGhost/Ghost#9506
2018-03-19 12:57:31 +03:00
<span>{{svg-jar "arrow-right"}}</span>
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
Unsplash
</h2>
<section class="view-actions">
Updated built-in integrations
2021-02-08 21:54:16 +03:00
<GhTaskButton @task={{this.save}} @class="gh-btn gh-btn-primary gh-btn-icon" data-test-save-button={{true}} />
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
</section>
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes
2019-06-18 13:47:21 +03:00
</GhCanvasHeader>
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
Ran "no implicit this in templates" codemod no issue We were in a part-way state where some touched files had been (sometimes partially) migrated to explicit `this`. The codemod that was available has now fixed the formatting issues it had so it was a good time to run it. https://github.com/ember-codemods/ember-no-implicit-this-codemod - part of the migration path for https://github.com/emberjs/rfcs/pull/308 - starts to make template resolution rules more explicit - `<MyComponent />` - always a component - `{{my-component}}` - component or helper (components _must_ have a `-`. This style of component will go away once fully migrated to angle bracket components) - `{{value}}` - a helper or local template variable - `{{this.value}}` - reference to a property on the backing context (either a controller or a component JS file)
2019-12-13 17:20:29 +03:00
{{#if this.showLeaveSettingsModal}}
Migrated to `<AngleBracketSyntax />` (#1460) no issue Ember is migrating to `<AngleBracketSyntax />` for component invocation, see https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md We were in a half-way situation where some templates used angle bracket syntax in some places, this PR updates templates to use the syntax everywhere. This simplifies the rules for what template code is referring to... `<Component>` = a component `{{helper}}` = a helper (or locally assigned handlebars variable) `{{this.foo}}` = data on the template backing context (a component/controller) `{{@foo}}` = a named argument passed into the component that the component backing class has not modified (note: this commit does not introduce any named arguments) - ran codemod https://github.com/ember-codemods/ember-angle-brackets-codemod on the following directories: - `app/templates` - `lib/koenig-editor/addon/templates` - removed positional params from components as angle bracket syntax does not support them - `gh-feature-flag` - `gh-tour-item` - `gh-cm-editor` - `gh-fullscreen-modal` - `gh-task-button` - updates some code that was missed in https://github.com/TryGhost/Ghost-Admin/commit/3c851293c1f92d14bc6a49debf86a4663398315a to use explicit this
2020-01-16 18:14:03 +03:00
<GhFullscreenModal @modal="leave-settings"
@confirm={{action "leaveSettings"}}
@close={{action "toggleLeaveSettingsModal"}}
@modifier="action wide" />
🎨 Added confirmation dialogs when leaving screens with unsaved changes (#891) closes TryGhost/Ghost#9119, refs TryGhost/Ghost#8483 - Apps - AMP - Added `leave-settings-modal` component to Settings - Apps - AMP - Apps - Slack - Added `leave-settings-modal` component to Settings - Apps - Slack - Added a `triggerDirtyState` action that will uses a new Array with the input data to trigger the dirty state on the parent settings model - Apps - Unsplash - Added `leave-settings-modal` component to Settings - Apps - Unsplash - Used manual tracking of changes with using a custom `dirtyAttributes` property and a `rollbackValue` to manually rollback the `isActive` attribute on the model - Code injection - Added `leave-settings-modal` component to Settings - Code injection - Design - Added `leave-settings-modal` component to Settings - Design (only for navigation model) - Used manual tracking of changes with using a custom `dirtyAttributes` - Added an additional `updateLabel` action to underlying `gh-navitem` component which gets fired on the `focusOut` event, to detect changes on the label - Team - User - Added `leave-settings-modal` component to Team - User - Used manual tracking of changes with using a custom `dirtyAttributes` to track changes in slug and role properties
2017-10-31 18:27:25 +03:00
{{/if}}
Updated custom integration UI
2021-02-08 23:16:41 +03:00
<section class="view-container">
Updated built-in integrations
2021-02-08 21:54:16 +03:00
<section class="gh-main-section bt app-grid">
<div class="gh-main-section-block app-detail-heading app-grid">
<div class="app-cell">
Icon fixes on integrations night shift refs. https://github.com/TryGhost/Ghost/issues/11342 - replaced Zapier and Amp logos for SVGs with transparent background so that there's no white background in night shift - inverted Unsplash icon in night shift (similarly to Mailchimp, Typeform etc.) - replaced ellipsis icon for SVG and handled night shift color change - removed unnecessary icon container drop shadow in integration detail pages for night shift
2020-04-20 18:46:59 +03:00
<img class="app-icon pa2 id-unsplash" src="assets/icons/unsplash.svg" />
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes
2019-06-18 13:47:21 +03:00
</div>
Updated built-in integrations
2021-02-08 21:54:16 +03:00
<div class="app-cell">
<h3>Unsplash</h3>
<p>Beautiful, free photos</p>
</div>
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
</div>
</section>
CSS restructure for main sections
2021-02-10 20:48:27 +03:00
<section class="gh-main-section">
<h4 class="gh-main-section-header small bn">Unsplash configuration</h4>
<div class="gh-main-section-block">
<div class="gh-main-section-content grey">
Refined integrations UI
2021-02-12 16:58:56 +03:00
<div class="gh-setting-first gh-setting-last" id="unsplash-toggle">
Updated expandable UI
2021-02-09 19:22:58 +03:00
<div class="gh-setting-content">
<div class="gh-setting-title">Enable Unsplash</div>
Refined integration detail pages
2021-02-23 00:44:55 +03:00
<div class="gh-setting-desc mb0">Enable <a href="https://unsplash.com" target="_blank">Unsplash</a> image integration for your posts</div>
Updated expandable UI
2021-02-09 19:22:58 +03:00
</div>
<div class="gh-setting-action">
<div class="form-group right gh-setting-unsplash-checkbox">
<div class="for-checkbox">
Removed more leftover unsplash code & fixed tests refs refs https://github.com/TryGhost/Admin/commit/07abb5443a1219f00182c60980038ea0b5b3a562 - Found some more unnecessary code for previous unsplash setting structure and removed it. - Refactored the tests to be more in line to how AMP tests are done
2021-02-18 05:03:53 +03:00
<label for="unsplash" class="checkbox">
Updated expandable UI
2021-02-09 19:22:58 +03:00
<input
type="checkbox"
Removed more leftover unsplash code & fixed tests refs refs https://github.com/TryGhost/Admin/commit/07abb5443a1219f00182c60980038ea0b5b3a562 - Found some more unnecessary code for previous unsplash setting structure and removed it. - Refactored the tests to be more in line to how AMP tests are done
2021-02-18 05:03:53 +03:00
checked={{this.settings.unsplash}}
id="unsplash"
name="unsplash"
Updated expandable UI
2021-02-09 19:22:58 +03:00
onclick={{action "update" value="target.checked"}}
Removed more leftover unsplash code & fixed tests refs refs https://github.com/TryGhost/Admin/commit/07abb5443a1219f00182c60980038ea0b5b3a562 - Found some more unnecessary code for previous unsplash setting structure and removed it. - Refactored the tests to be more in line to how AMP tests are done
2021-02-18 05:03:53 +03:00
data-test-unsplash-checkbox
Updated expandable UI
2021-02-09 19:22:58 +03:00
>
<span class="input-toggle-component"></span>
</label>
</div>
Updated built-in integrations
2021-02-08 21:54:16 +03:00
</div>
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes
2019-06-18 13:47:21 +03:00
</div>
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
</div>
🎨 Enabled Unsplash integration by default (#862) no issue - Unsplash integration is enabled by default for all users - it's no longer necessary to create your own Unsplash application and configure your application ID
2017-09-20 13:19:48 +03:00
</div>
CSS restructure for main sections
2021-02-10 20:48:27 +03:00
</div>
</section>
✨ Unsplash integration 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
2017-08-02 10:05:59 +03:00
</section>
</section>
Reference in New Issue Copy Permalink