Ghost/ghost/admin/app/templates/explore.hbs
Aileen Nowak 515bf1cc14 Added Ghost Explore UI
no issue

- Added `/explore` route which requires min. Admin and is behind a feature flag
- Fetches Admin API key and ID to create a token and return back to Ghost Explore with the correct query params
- Fullscreen UI
2022-08-01 11:11:47 +01:00

32 lines
1.6 KiB
Handlebars

<div class="explore fullscreen-explore-container">
<div class="relative">
<LinkTo class="explore-close" data-test-button="close-explore" @route="dashboard">
{{svg-jar "close"}}<span class="hidden">Close</span>
</LinkTo>
<div class="explore-container">
<div class="explore-header">
{{svg-jar "ghost-orb" alt="Ghost" class="w25 v-mid"}}
<h1>Connect to Ghost Explore.</h1>
<p class="explore-api">{{this.apiUrl}}</p>
</div>
<div class="explore-permissions">
<div>
<span>{{svg-jar "check-circle" class="w6 v-mid" alt="checkmark"}}</span>
<p>Give read-only access to your site to create the Explore directory posting.</p>
</div>
<div>
<span>{{svg-jar "check-circle" class="w6 v-mid" alt="checkmark"}}</span>
<p>You will be able to choose what data is publicly visible, or hidden.</p>
</div>
<div>
<span>{{svg-jar "check-circle" class="w6 v-mid" alt="checkmark"}}</span>
<p>Your site will be ranked and promoted to across the entire Ghost ecosystem.</p>
</div>
</div>
<button type="button" class="gh-btn gh-btn-black gh-btn-large gh-btn-icon-right" {{on "click" this.submitExploreSite}} data-test-button="submit-explore">
<span>Connect data &amp; edit listing {{svg-jar "arrow-right-tail"}}</span>
</button>
</div>
</div>
</div>