Ghost/ghost/admin/app/templates/explore/connect.hbs
Aileen Booker c4188c1a9e
Added Ghost Explore in Ghost as iframe app behind feature flag (#15495)
no issue

- Added Ghost Explore screen behind alpha flag
- Moved existing /explore route to /explore/connect which we'll redirect to for outside requests
- Added iframe communication with Ghost Explore App
2022-10-07 14:32:54 +01:00

34 lines
1.5 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="{{this.visibilityClass}}">
<div class="explore-close">
<a href="javascript:void(0)" {{on "click" this.closeConnect}} data-test-button="close-explore">
{{svg-jar "close"}}<span class="hidden">Close</span>
</a>
</div>
<div class="explore-content">
<div class="explore-header">
{{svg-jar "ghost-orb-pink" 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>Allow read-only access to your site data to create a directory listing.</p>
</div>
<div>
<span>{{svg-jar "check-circle" class="w6 v-mid" alt="checkmark"}}</span>
<p>Youll be able to choose what data is shown publicly or hidden.</p>
</div>
<div>
<span>{{svg-jar "check-circle" class="w6 v-mid" alt="checkmark"}}</span>
<p>Your site will be promoted 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>