2018-01-09 13:36:41 +03:00
|
|
|
<section class="gh-canvas">
|
2019-06-18 13:47:21 +03:00
|
|
|
<GhCanvasHeader class="gh-canvas-header">
|
2018-01-09 13:36:41 +03:00
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
2020-01-16 18:14:03 +03:00
|
|
|
<LinkTo @route="settings.integrations" data-test-link="integrations-back">Integrations</LinkTo>
|
2018-03-19 12:57:31 +03:00
|
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
2018-01-09 13:36:41 +03:00
|
|
|
Zapier
|
|
|
|
</h2>
|
2019-06-18 13:47:21 +03:00
|
|
|
</GhCanvasHeader>
|
2018-01-09 13:36:41 +03:00
|
|
|
|
2019-06-18 13:47:21 +03:00
|
|
|
<section class="view-container bt b--lightgrey-d1 pt5">
|
2018-01-09 13:36:41 +03:00
|
|
|
<section class="app-grid">
|
|
|
|
<div class="app-cell">
|
2019-06-18 13:47:21 +03:00
|
|
|
<div class="bg-white mr3 display flex items-center justify-center br-pill shadow-1 pa3">
|
|
|
|
<img class="app-icon" src="assets/img/zapiericon.png" />
|
|
|
|
</div>
|
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>
|
|
|
|
|
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">
|
2019-04-04 14:25:16 +03:00
|
|
|
<tbody>
|
|
|
|
<tr class="bb b--lightgrey">
|
|
|
|
<td class="pa3 w50 fw7">Admin API Key</td>
|
|
|
|
<td class="pa0">
|
2019-12-13 17:20:29 +03:00
|
|
|
<div class="pa3 relative truncate {{unless this.copyAdminKey.isRunning "hide-child-instant"}}">
|
2019-04-04 14:25:16 +03:00
|
|
|
<span class="midgrey" data-test-text="admin-key">
|
|
|
|
{{this.integration.adminKey.secret}}
|
|
|
|
</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">
|
2019-12-13 17:20:29 +03:00
|
|
|
<button type="button" {{action (perform this.copyAdminKey)}} class="white fw4 flex items-center">
|
|
|
|
{{#if this.copyAdminKey.isRunning}}
|
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>
|
|
|
|
<tr>
|
|
|
|
<td class="pa3 w50 fw7">API URL</td>
|
|
|
|
<td class="pa0 truncate">
|
2019-12-13 17:20:29 +03:00
|
|
|
<div class="pa3 relative truncate {{unless this.copyApiUrl.isRunning "hide-child-instant"}}">
|
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">
|
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}}
|
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>
|
|
|
|
|
2019-04-04 15:07:20 +03:00
|
|
|
<div class="mt12" id="zapier-toggle">
|
2018-01-09 13:36:41 +03:00
|
|
|
<div class="gh-setting-content gh-setting-content--no-action">
|
|
|
|
<div class="gh-setting-title">Zapier Templates</div>
|
2019-04-04 15:07:20 +03:00
|
|
|
<div class="gh-setting-desc mt1">Explore pre-built templates for common automation tasks</div>
|
2018-01-09 13:36:41 +03:00
|
|
|
<div class="gh-setting-content-extended">
|
|
|
|
<div id="zapier-templates">
|
2018-10-04 14:16:41 +03:00
|
|
|
{{!-- we don't want the script loading during tests because it errors --}}
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#unless this.isTesting}}
|
2018-10-04 14:16:41 +03:00
|
|
|
<script src="https://zapier.com/apps/embed/widget.js?services=ghost&container=true&limit=10&html_id=zapier-templates"></script>
|
|
|
|
{{/unless}}
|
2018-01-09 13:36:41 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|