TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-29 07:09:48 +03:00
Code Issues Projects Releases Wiki Activity
8490ebc542
Ghost/ghost/admin/app/templates/integrations.hbs

252 lines
13 KiB
Handlebars
Raw Normal View History

Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +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">
<h2 class="gh-canvas-title" data-test-screen-title>
Integrations
</h2>
</GhCanvasHeader>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
Updated custom integration UI
2021-02-08 23:16:41 +03:00
<div class="gh-main-section">
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="integrations-directory">
UI updates (#1835) * Admin UI update basics Added the basics for the Admin UI/style update. Very far from being done... * Admin style updates - exploring menu - enabling full width content (integrations selection bg) - updated main screens
2021-02-03 22:08:01 +03:00
<a class="id-item" href="https://ghost.org/integrations/disqus/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-disqus">
<img class="w-100 h-100" style="object-fit:contain;" src="assets/img/disqus.svg" alt="Disqus Icon" />
</div>
<div class="f8 mt1">Disqus</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/google/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-analytics">
<img class="w-100 h-100" style="object-fit:contain;padding:1px 0;" src="assets/img/google-analytics.png" alt="Google Analytics Icon" />
</div>
<div class="f8 mt1">Analytics</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/ulysses/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-ulysses">
<img class="w-100 h-100" style="object-fit:contain;" src="assets/img/ulysses.png" alt="Ulysses Icon" />
</div>
<div class="f8 mt1">Ulysses</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/typeform/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-typeform">
<img class="w-100 h-100" style="object-fit:contain;" src="assets/img/typeform.svg" alt="Typeform Icon" />
</div>
<div class="f8 mt1">Typeform</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/buffer/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-buffer">
<img class="w-100 h-100" style="object-fit:contain;padding:1px 0;" src="assets/img/buffer.png" alt="Buffer Icon" />
</div>
<div class="f8 mt1">Buffer</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/plausible/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-plausible">
<img class="w-100 h-100" style="object-fit:contain;padding:1px 0;" src="assets/img/plausible.png" alt="Plausible Icon" />
</div>
<div class="f8 mt1">Plausible</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/github/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-github">
<img class="w-100 h-100" style="object-fit:contain;" src="assets/img/github.svg" alt="GitHub Icon" />
</div>
<div class="f8 mt1">GitHub</div>
</a>
<a class="id-item" href="https://ghost.org/integrations/" target="_blank" rel="noopener noreferrer">
<div class="id-item-logo id-more">
{{!-- <img class="w-100 h-100" style="object-fit:contain;padding:0 8px;" src="assets/img/more.png" alt="Three dots" /> --}}
{{svg-jar "circle-ellipsis" class="w5"}}
</div>
<div class="f8 mt1">More</div>
</a>
</div>
✨ Highlight new integrations directory (#1070) no issue - we have a new integrations directory in our docs so we’ve highlighted the most common directly on the integrations screen
2018-11-13 12:18:31 +03:00
</div>
Updated custom integration UI
2021-02-08 23:16:41 +03:00
<section class="gh-main-section">
Updated staff UI
2021-02-08 23:37:05 +03:00
<h4 class="heading small">Built-in integrations</h4>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="apps-grid">
<div class="apps-grid-cell" data-test-app="zapier">
<LinkTo @route="integrations.zapier" data-test-link="zapier">
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon" style="background-image:url(assets/img/zapier.svg);background-size:36px;"></figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Zapier</h3>
<p class="apps-card-app-desc">Automation for your favourite apps</p>
✨ Highlight new integrations directory (#1070) no issue - we have a new integrations directory in our docs so we’ve highlighted the most common directly on the integrations screen
2018-11-13 12:18:31 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
<span data-test-app-status>Configure</span>
{{svg-jar "arrow-right"}}
✨ Highlight new integrations directory (#1070) no issue - we have a new integrations directory in our docs so we’ve highlighted the most common directly on the integrations screen
2018-11-13 12:18:31 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</article>
</LinkTo>
</div>
✨ Highlight new integrations directory (#1070) no issue - we have a new integrations directory in our docs so we’ve highlighted the most common directly on the integrations screen
2018-11-13 12:18:31 +03:00
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="apps-grid-cell" data-test-app="slack">
<LinkTo @route="integrations.slack" data-test-link="slack">
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon" style="background-image:url(assets/img/slackicon.png); background-size: 36px;"></figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Slack</h3>
<p class="apps-card-app-desc">A messaging app for teams</p>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
{{#if this.settings.slack.isActive}}
<span class="gh-badge" data-test-app-status>Active</span>
{{else}}
<span data-test-app-status>Configure</span>
{{/if}}
{{svg-jar "arrow-right"}}
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</article>
</LinkTo>
</div>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="apps-grid-cell" data-test-app="amp">
<LinkTo @route="integrations.amp" data-test-link="amp">
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon" style="background-image:url(assets/img/amp.svg); background-size: 36px;"></figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">AMP</h3>
<p class="apps-card-app-desc">Google Accelerated Mobile Pages</p>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
{{#if this.settings.amp}}
<span class="gh-badge" data-test-app-status>Active</span>
{{else}}
<span data-test-app-status>Configure</span>
{{/if}}
{{svg-jar "arrow-right"}}
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</article>
</LinkTo>
</div>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="apps-grid-cell" data-test-app="unsplash">
<LinkTo @route="integrations.unsplash" data-test-link="unsplash">
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon id-unsplash" style="background-image:url(assets/icons/unsplash.svg); background-size:30px;"></figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Unsplash</h3>
<p class="apps-card-app-desc">Beautiful, free photos</p>
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
{{#if this.settings.unsplash.isActive}}
<span class="gh-badge" data-test-app-status>Active</span>
{{else}}
<span data-test-app-status>Configure</span>
{{/if}}
{{svg-jar "arrow-right"}}
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</article>
</LinkTo>
</div>
<div class="apps-grid-cell" data-test-app="firstpromoter">
<LinkTo @route="integrations.firstpromoter" data-test-link="firstpromoter">
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon id-unsplash" style="background-image:url(assets/icons/firstpromoter.png); background-size:30px;"></figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">FirstPromoter</h3>
<p class="apps-card-app-desc">Launch your member referral program</p>
✨ Added new FirstPromoter integration (#1825) no issue Adds new FirstPromoter integration on the integrations page. FirstPromoter enables sites to launch their own members referral program, and integration allows Site admins to directly add their FirstPromoter tracking ID in the settings to enable FirstPromoter script on their site.
2021-01-15 17:31:40 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
{{#if this.settings.firstpromoter}}
<span class="gh-badge" data-test-app-status>Active</span>
{{else}}
<span data-test-app-status>Configure</span>
{{/if}}
{{svg-jar "arrow-right"}}
✨ Added new FirstPromoter integration (#1825) no issue Adds new FirstPromoter integration on the integrations page. FirstPromoter enables sites to launch their own members referral program, and integration allows Site admins to directly add their FirstPromoter tracking ID in the settings to enable FirstPromoter script on their site.
2021-01-15 17:31:40 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</article>
</LinkTo>
UI updates (#1835) * Admin UI update basics Added the basics for the Admin UI/style update. Very far from being done... * Admin style updates - exploring menu - enabling full width content (integrations selection bg) - updated main screens
2021-02-03 22:08:01 +03:00
</div>
Added initial custom integrations UI (#1051) refs https://github.com/TryGhost/Ghost/issues/9865, https://github.com/TryGhost/Ghost/issues/9942 - `integration`, `api-key`, and `webhook` models and respective mirage mocks - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - adds custom integrations list to integrations screen - adds custom integration screen - allow editing of integration details - show list of webhooks - webhook creation modal NB: the `enableDeveloperExperiments` flag needs to be enabled in the `config.development.json` file for the custom integrations UI to be displayed until it's out of development.
2018-10-18 02:18:29 +03:00
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
</section>
Added initial custom integrations UI (#1051) refs https://github.com/TryGhost/Ghost/issues/9865, https://github.com/TryGhost/Ghost/issues/9942 - `integration`, `api-key`, and `webhook` models and respective mirage mocks - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - adds custom integrations list to integrations screen - adds custom integration screen - allow editing of integration details - show list of webhooks - webhook creation modal NB: the `enableDeveloperExperiments` flag needs to be enabled in the `config.development.json` file for the custom integrations UI to be displayed until it's out of development.
2018-10-18 02:18:29 +03:00
Updated custom integration UI
2021-02-08 23:16:41 +03:00
<section class="gh-main-section">
Updated staff UI
2021-02-08 23:37:05 +03:00
<h4 class="heading small">Custom integrations</h4>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
<div class="apps-grid">
{{#each this.integrations as |integration|}}
<div class="apps-grid-cell" data-test-custom-integration>
<LinkTo @route="integration" @model={{integration}} data-test-integration={{integration.id}}>
<article class="apps-card-app">
<div class="apps-card-left">
<figure class="apps-card-app-icon flex items-center" style={{integration-icon-style integration}}>
{{#unless integration.iconImage}}
{{svg-jar "integration" class="nudge-left--6 w9 stroke-darkgrey"}}
{{/unless}}
</figure>
<div class="apps-card-meta">
<h3 class="apps-card-app-title" data-test-text="name">
{{integration.name}}
</h3>
<p class="apps-card-app-desc" data-test-text="description">
{{integration.description}}
</p>
Added initial custom integrations UI (#1051) refs https://github.com/TryGhost/Ghost/issues/9865, https://github.com/TryGhost/Ghost/issues/9942 - `integration`, `api-key`, and `webhook` models and respective mirage mocks - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - adds custom integrations list to integrations screen - adds custom integration screen - allow editing of integration details - show list of webhooks - webhook creation modal NB: the `enableDeveloperExperiments` flag needs to be enabled in the `config.development.json` file for the custom integrations UI to be displayed until it's out of development.
2018-10-18 02:18:29 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</div>
<div class="gh-card-right">
<div class="apps-configured">
<span>Configure</span>
{{svg-jar "arrow-right"}}
Added initial custom integrations UI (#1051) refs https://github.com/TryGhost/Ghost/issues/9865, https://github.com/TryGhost/Ghost/issues/9942 - `integration`, `api-key`, and `webhook` models and respective mirage mocks - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - adds custom integrations list to integrations screen - adds custom integration screen - allow editing of integration details - show list of webhooks - webhook creation modal NB: the `enableDeveloperExperiments` flag needs to be enabled in the `config.development.json` file for the custom integrations UI to be displayed until it's out of development.
2018-10-18 02:18:29 +03:00
</div>
✨ Added custom integrations - Content API Keys and "Site rebuild" webhooks (#1063) closes TryGhost/Ghost#9942 - move custom integrations UI out from behind the developer experiments flag - put Admin API key and web hook secret fields behind the developer experiments flag - do not show "unsaved changes" modal when adding/editing a webhook - fixed all webhooks showing for each custom integration
2018-11-06 13:59:47 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
</article>
UI updates (#1835) * Admin UI update basics Added the basics for the Admin UI/style update. Very far from being done... * Admin style updates - exploring menu - enabling full width content (integrations selection bg) - updated main screens
2021-02-03 22:08:01 +03:00
</LinkTo>
✨ Added custom integrations - Content API Keys and "Site rebuild" webhooks (#1063) closes TryGhost/Ghost#9942 - move custom integrations UI out from behind the developer experiments flag - put Admin API key and web hook secret fields behind the developer experiments flag - do not show "unsaved changes" modal when adding/editing a webhook - fixed all webhooks showing for each custom integration
2018-11-06 13:59:47 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
{{else}}
<div class="flex flex-column justify-center items-center mih30 miw-100" data-test-blank="custom-integrations">
{{#if this.fetchIntegrations.isRunning}}
<div class="gh-loading-spinner"></div>
{{else}}
<div class="flex flex-column items-center pa5 pt15 pb15">
<p class="ma0 pa0 tc midgrey lh-title mt2">
Create your own custom Ghost integrations with dedicated API keys & webhooks
</p>
<LinkTo @route="integrations.new" class="" data-test-button="new-integration">
<div class="flex items-center pa2 pt1">
{{svg-jar "add" class="w3 h3 fill-blue-d1"}}
<span class="db ml1 blue nudge-bottom--1">Add custom integration</span>
</div>
</LinkTo>
</div>
{{/if}}
</div>
{{/each}}
{{#if this.integrations}}
<div class="apps-grid-cell new-integration-cell">
<LinkTo @route="integrations.new" class="" data-test-button="new-integration">
<article class="apps-card-app">
<div class="flex items-center">
{{svg-jar "add" class="w3 h3 fill-blue-d1"}}
<span class="db ml1 blue nudge-bottom--1 fw4">Add custom integration</span>
</div>
</article>
</LinkTo>
Updated integrations UI (#1086) no issue Updated custom integrations section for a more balanced and consistent design: - removed green "New custom integration" button and added a fixed bottom row in the custom integrations list - added "Custom integrations" heading to the list - synced webhooks design with this pattern
2019-01-28 15:53:48 +03:00
</div>
Updated integrations and Zapier page
2021-02-08 21:20:26 +03:00
{{/if}}
</div>
</section>
UI updates (#1835) * Admin UI update basics Added the basics for the Admin UI/style update. Very far from being done... * Admin style updates - exploring menu - enabling full width content (integrations selection bg) - updated main screens
2021-02-03 22:08:01 +03:00
Re-jigged integrations routes to support nested modal route no issue - moves integration routes around to match ember's concept of nested routes (nested routes reflect nested UI not nested URLs) - sets us up for having a `settings.integrations.new` modal route that sits on top of the index screen
2018-10-04 01:08:00 +03:00
</section>
Fixed broken link to Google Analytics integration
2019-03-04 16:53:47 +03:00
{{outlet}}
Reference in New Issue Copy Permalink