TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-23 02:41:50 +03:00
Code Issues Projects Releases Wiki Activity
e903046813
Ghost/ghost/admin/app/templates/settings/integrations/zapier.hbs

260 lines
17 KiB
Handlebars
Raw Normal View History

✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +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">
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
<h2 class="gh-canvas-title" data-test-screen-title>
Basic settings restructure - created new central settings page and moved there all settings from the nav menu
2021-01-21 18:45:59 +03:00
<LinkTo @route="settings">Settings</LinkTo>
<span>{{svg-jar "arrow-right"}}</span>
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
<LinkTo @route="settings.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>
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
Zapier
</h2>
🎨 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>
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
🎨 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
<section class="view-container bt b--lightgrey-d1 pt5">
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
<section class="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
<div class="bg-white mr3 display flex items-center justify-center br-pill shadow-1 pa3 dark-no-shadow">
<img class="app-icon" src="assets/img/zapier.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>
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
</div>
<div class="app-cell">
<h3>Zapier</h3>
<p>Automation for your favourite apps</p>
</div>
</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
<div class="m15 mt4">
<table class="ma0 shadow-1 bg-grouped-table br3" style="table-layout: fixed">
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
<tbody>
<tr class="bb b--lightgrey">
Zapier templates update (#1783) - updated Zapier templates page to show the most relevant Zaps instead of the latest - fixed design regression in Slack, Amp and Unsplash integration pages
2020-11-25 13:31:15 +03:00
<td class="pa3 w50 fw7 v-top">Admin API key</td>
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
<td class="pa0">
Added tooltips for regenerate buttons no issues. - added tooltip for icon-only regenerate button in custom integrations and Zapier details screen so that users understand what the button does
2020-05-06 10:02:39 +03:00
<div class="pa3 relative flex items-center {{unless this.copyAdminKey.isRunning "hide-child-instant"}}">
<span class="midgrey truncate" data-test-text="admin-key">
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
{{this.integration.adminKey.secret}}
</span>
✨Added regenerate button to integration api keys (#1562) no issue - Adds new regenerate button for refreshing custom integration's admin and content api keys - Adds new regenerate button for refreshing internal Zapier integration's admin key - Regenerates content or admin API key after confirmation and shows user new key
2020-05-05 21:14:45 +03:00
<div class="absolute top-2 right-2 flex items-stretch child">
Added tooltips for regenerate buttons no issues. - added tooltip for icon-only regenerate button in custom integrations and Zapier details screen so that users understand what the button does
2020-05-06 10:02:39 +03:00
<button type="button" {{action "confirmRegenerateKeyModal" this.integration.adminKey}} class="ba b--lightgrey-d1 br3 pa1 pl2 pr2 flex items-center mr2 bg-white" data-tooltip="Regenerate">
✨Added regenerate button to integration api keys (#1562) no issue - Adds new regenerate button for refreshing custom integration's admin and content api keys - Adds new regenerate button for refreshing internal Zapier integration's admin key - Regenerates content or admin API key after confirmation and shows user new key
2020-05-05 21:14:45 +03:00
{{svg-jar "reload" class="w4 h4 stroke-midgrey"}}
</button>
<button type="button" {{action (perform this.copyAdminKey)}} class="bg-black-70 f8 pa1 pr3 pl3 br3 white fw4 flex items-center">
{{#if this.copyAdminKey.isRunning}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-white"}} Copied
{{else}}
Copy
{{/if}}
</button>
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
</div>
</div>
✨Added regenerate button to integration api keys (#1562) no issue - Adds new regenerate button for refreshing custom integration's admin and content api keys - Adds new regenerate button for refreshing internal Zapier integration's admin key - Regenerates content or admin API key after confirmation and shows user new key
2020-05-05 21:14:45 +03:00
{{#if (eq this.regeneratedKeyType this.integration.adminKey.type)}}
<div class="green nt3 mb2 pl3"> Admin API Key was successfully regenerated </div>
{{/if}}
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
</td>
</tr>
<tr>
<td class="pa3 w50 fw7">API URL</td>
<td class="pa0 truncate">
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
<div class="pa3 relative truncate {{unless this.copyApiUrl.isRunning "hide-child-instant"}}">
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
<span class="midgrey" data-test-text="api-url">
{{this.apiUrl}}
</span>
<div class="absolute top-1 right-2">
<div class="pt1 pr3 pb1 pl3 bg-black-70 child br3 f8 nudge-top--4 nudge-right--1">
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
<button type="button" {{action (perform this.copyApiUrl)}} class="white fw4 flex items-center">
{{#if this.copyApiUrl.isRunning}}
Added integration details to Zapier integration screen behind dev flag no issue - the new version of our Zapier App uses API Key auth so we need to expose the details on the Zapier integration screen - extracted `copyTextToClipboard` into a util function - added `integrationModelHook` method to `settings.integrations` controller to remove duplication in the `settings.integration` and `settings.integration.zapier` routes - fixed missing "Zapier" title token
2019-04-04 14:25:16 +03:00
{{svg-jar "check-circle" class="w3 v-mid mr2"}} Copied
{{else}}
Copy
{{/if}}
</button>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
Zapier settings screen UI refinements no refs. - refined Zapier template header for integrations screen
2019-04-04 15:07:20 +03:00
<div class="mt12" id="zapier-toggle">
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
<div class="gh-setting-content gh-setting-content--no-action">
Zapier templates update (#1783) - updated Zapier templates page to show the most relevant Zaps instead of the latest - fixed design regression in Slack, Amp and Unsplash integration pages
2020-11-25 13:31:15 +03:00
<div class="gh-setting-title">Zapier templates</div>
Zapier settings screen UI refinements no refs. - refined Zapier template header for integrations screen
2019-04-04 15:07:20 +03:00
<div class="gh-setting-desc mt1">Explore pre-built templates for common automation tasks</div>
Zapier templates update (#1783) - updated Zapier templates page to show the most relevant Zaps instead of the latest - fixed design regression in Slack, Amp and Unsplash integration pages
2020-11-25 13:31:15 +03:00
<div class="gh-setting-content-extended">
<div class="apps-grid gh-settings-zapier-templates">
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/twitter.svg);background-size:32px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Share new posts to Twitter</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/50909" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/slackicon.png);background-size:30px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Share scheduled posts with your team in Slack</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/359499" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/patreon.svg);background-size:28px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Connect Patreon to your Ghost membership site</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/75801" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/zero-bounce.png);background-size:30px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Protect email delivery with email verification</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/359415" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/paypal.svg);background-size:26px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Add members for successful sales in PayPal</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/184423" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/paypal.svg);background-size:26px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Unsubscribe members who cancel a subscription in PayPal</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/359348" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/google-docs.svg);background-size:22px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Send new post drafts from Google Docs to Ghost</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/50924" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/typeform.svg);background-size:32px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Survey new members using Typeform</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/359407" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
<div class="apps-grid-cell">
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/mailchimp.svg);background-size:32px;"></figure>
</div>
<div class="apps-card-meta">
<h3 class="apps-card-app-title">Sync email subscribers in Ghost + Mailchimp</h3>
</div>
</div>
<div class="gh-card-right">
<a href="https://zapier.com/app/editor/template/359342" target="_blank" rel="noopener" class="gh-btn gh-btn-outline zapier-template-link"><span>Use this Zap</span></a>
</div>
</article>
</div>
</div>
<div class="zapier-footer">
<a href="https://zapier.com/apps/ghost/integrations?utm_medium=partner_api&utm_source=widget&utm_campaign=Widget" target="_blank" rel="noopener"><span>See more Ghost integrations powered by</span> <figure style="background-image:url(assets/img/zapier-logo.svg); background-size: 42px;"></figure></a>
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
</div>
Zapier templates update (#1783) - updated Zapier templates page to show the most relevant Zaps instead of the latest - fixed design regression in Slack, Amp and Unsplash integration pages
2020-11-25 13:31:15 +03:00
✨ Added Zapier app with pre-built zap templates list (#943) no issue - add Zapier app to Apps screen - use Zapier's zap template embed widget to list our pre-built templates
2018-01-09 13:36:41 +03:00
</div>
</div>
</div>
</section>
</section>
✨Added regenerate button to integration api keys (#1562) no issue - Adds new regenerate button for refreshing custom integration's admin and content api keys - Adds new regenerate button for refreshing internal Zapier integration's admin key - Regenerates content or admin API key after confirmation and shows user new key
2020-05-05 21:14:45 +03:00
{{#if this.showRegenerateKeyModal}}
<GhFullscreenModal @modal="regenerate-key"
@model={{hash
apiKey=this.selectedApiKey
integration=this.integration
Added regenerate copy tweak for internal Zapier integration no issue - Updates dialog copy for confirmation of regenerating internal Zapier integration admin key
2020-05-06 10:06:05 +03:00
internalIntegration="zapier"
✨Added regenerate button to integration api keys (#1562) no issue - Adds new regenerate button for refreshing custom integration's admin and content api keys - Adds new regenerate button for refreshing internal Zapier integration's admin key - Regenerates content or admin API key after confirmation and shows user new key
2020-05-05 21:14:45 +03:00
}}
@confirm={{action "regenerateKey"}}
@close={{action "cancelRegenerateKeyModal"}}
@modifier="action wide" />
{{/if}}
Reference in New Issue Copy Permalink