84 lines
3.7 KiB
Handlebars
84 lines
3.7 KiB
Handlebars
<section class="gh-canvas">
|
|
<header class="gh-canvas-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Apps</h2>
|
|
</header>
|
|
|
|
<section class="apps-grid-container">
|
|
<span class="apps-grid-title">Available integrations</span>
|
|
<div class="apps-grid">
|
|
<div class="apps-grid-cell">
|
|
{{#link-to "settings.apps.slack" id="slack-link"}}
|
|
<article class="apps-card-app">
|
|
<div class="apps-card-left">
|
|
<figure class="apps-card-app-icon" style="background-image:url(assets/img/slackicon.png)"></figure>
|
|
<div class="apps-card-meta">
|
|
<h3 class="apps-card-app-title">Slack</h3>
|
|
<p class="apps-card-app-desc">A team communication tool</p>
|
|
</div>
|
|
</div>
|
|
<div class="gh-card-right">
|
|
<div class="apps-configured">
|
|
{{#if slack.isActive}}
|
|
<span class="green">Active</span>
|
|
{{else}}
|
|
<span>Configure</span>
|
|
{{/if}}
|
|
{{inline-svg "arrow-right"}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{/link-to}}
|
|
</div>
|
|
|
|
<div class="apps-grid-cell">
|
|
{{#link-to "settings.apps.amp" id="amp-link"}}
|
|
<article class="apps-card-app">
|
|
<div class="apps-card-left">
|
|
<figure class="apps-card-app-icon" style="background-image:url(assets/img/ampicon.png)"></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>
|
|
</div>
|
|
</div>
|
|
<div class="gh-card-right">
|
|
<div class="apps-configured">
|
|
{{#if amp}}
|
|
<span class="green">Active</span>
|
|
{{else}}
|
|
<span>Configure</span>
|
|
{{/if}}
|
|
{{inline-svg "arrow-right"}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{/link-to}}
|
|
</div>
|
|
|
|
<div class="apps-grid-cell">
|
|
{{#link-to "settings.apps.unsplash" id="unsplash-link"}}
|
|
<article class="apps-card-app">
|
|
<div class="apps-card-left">
|
|
<figure class="apps-card-app-icon" style="background-image:url(assets/img/unsplashicon.png);background-size:45px;"></figure>
|
|
<div class="apps-card-meta">
|
|
<h3 class="apps-card-app-title">Unsplash</h3>
|
|
<p class="apps-card-app-desc">Beautiful, free photos</p>
|
|
</div>
|
|
</div>
|
|
<div class="gh-card-right">
|
|
<div class="apps-configured">
|
|
{{#if unsplash.isActive}}
|
|
<span class="green">Active</span>
|
|
{{else}}
|
|
<span>Configure</span>
|
|
{{/if}}
|
|
{{inline-svg "arrow-right"}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
{{/link-to}}
|
|
</div>
|
|
</div>
|
|
<p class="apps-grid-note">(More coming soon!)</p>
|
|
</section>
|
|
</section>
|