Ghost/ghost/admin/app/components/modal-post-preview/email.hbs

33 lines
1.3 KiB
Handlebars
Raw Normal View History

<div class="modal-body modal-preview-email-content gh-pe-desktop-container h-auto overflow-auto">
<div class="gh-pe-emailclient-mockup">
<div class="gh-pe-emailclient-sender">
<p>
<span class="strong">{{this.config.blogTitle}}</span> &lt;{{this.settings.membersFromAddress}}&gt;
</p>
<p><span class="dark">To:</span> Jamie Larson &lt;jamie@example.com&gt;</p>
</div>
<iframe class="gh-pe-iframe" {{did-insert this.renderEmailPreview}} sandbox="allow-same-origin"></iframe>
</div>
</div>
<div class="gh-post-preview-email-footer">
<span class="mr3 flex-grow-1 nowrap fw6 f8 darkgrey">Send a preview newsletter</span>
<div class="mr3 truncate midlightgrey">
<Input
@value={{this.previewEmailAddress}}
class="gh-input"
placeholder="you@yoursite.com"
{{on-key "Enter" (perform this.sendPreviewEmailTask)}}
/>
{{#if this.sendPreviewEmailError}}
<div class="error"><p class="response">{{this.sendPreviewEmailError}}</p></div>
{{/if}}
</div>
<GhTaskButton
@task={{this.sendPreviewEmailTask}}
@buttonText="Send"
@successText="Sent"
@runningText="Sending..."
@class="gh-btn gh-btn-green gh-btn-icon"
/>
</div>