2021-02-08 15:14:46 +03:00
|
|
|
<div class="gh-post-preview-email-container">
|
|
|
|
<div class="gh-post-preview-email-mockup">
|
2021-01-28 16:57:14 +03:00
|
|
|
<div class="gh-pe-emailclient-sender">
|
|
|
|
<p>
|
2022-04-28 12:52:42 +03:00
|
|
|
<span class="strong">{{or this.newsletter.senderName this.settings.title}}</span> <{{full-email-address (or this.newsletter.senderEmail "noreply")}}>
|
2021-01-28 16:57:14 +03:00
|
|
|
</p>
|
|
|
|
<p><span class="dark">To:</span> Jamie Larson <jamie@example.com></p>
|
2021-01-22 12:24:33 +03:00
|
|
|
</div>
|
2021-12-06 19:48:04 +03:00
|
|
|
<iframe class="gh-pe-iframe" {{did-insert this.renderEmailPreview}} sandbox="allow-same-origin allow-popups allow-popups-to-escape-sandbox"></iframe>
|
2021-01-22 12:24:33 +03:00
|
|
|
</div>
|
2021-01-27 01:49:05 +03:00
|
|
|
</div>
|
2021-01-28 16:57:14 +03:00
|
|
|
<div class="gh-post-preview-email-footer">
|
2021-07-27 18:31:26 +03:00
|
|
|
<div class="gh-btn-group mr3">
|
2021-08-25 14:13:49 +03:00
|
|
|
<button type="button" class="gh-btn {{if (eq this.memberSegment "status:free") "gh-btn-group-selected"}}" {{on "click" (fn this.changeMemberSegment "status:free")}}><span>Free member</span></button>
|
|
|
|
<button type="button" class="gh-btn {{if (eq this.memberSegment "status:-free") "gh-btn-group-selected"}}" {{on "click" (fn this.changeMemberSegment "status:-free")}}><span>Paid member</span></button>
|
2021-07-27 18:31:26 +03:00
|
|
|
</div>
|
2021-02-08 21:20:38 +03:00
|
|
|
|
2021-07-08 16:37:31 +03:00
|
|
|
<div class="gh-post-preview-email-input {{if this.sendPreviewEmailError "error"}}">
|
2021-01-27 01:49:05 +03:00
|
|
|
<Input
|
|
|
|
@value={{this.previewEmailAddress}}
|
2021-02-08 21:20:38 +03:00
|
|
|
class="gh-input gh-post-preview-email-input"
|
2021-01-27 01:49:05 +03:00
|
|
|
placeholder="you@yoursite.com"
|
2021-02-08 13:54:42 +03:00
|
|
|
aria-invalid={{if this.sendPreviewEmailError "true"}}
|
|
|
|
aria-describedby={{if this.sendPreviewEmailError "sendError"}}
|
2021-01-27 01:49:05 +03:00
|
|
|
{{on-key "Enter" (perform this.sendPreviewEmailTask)}}
|
|
|
|
/>
|
2021-02-08 21:20:38 +03:00
|
|
|
{{#if this.sendPreviewEmailError}}
|
|
|
|
<div class="error fixed nowrap f8 lh-heading"><span class="response" id="sendError">{{this.sendPreviewEmailError}}</span></div>
|
|
|
|
{{/if}}
|
2021-01-27 01:49:05 +03:00
|
|
|
</div>
|
2021-07-27 18:31:26 +03:00
|
|
|
|
2021-01-27 01:49:05 +03:00
|
|
|
<GhTaskButton
|
|
|
|
@task={{this.sendPreviewEmailTask}}
|
2021-09-02 15:11:15 +03:00
|
|
|
@buttonText="Send test email"
|
2021-01-27 01:49:05 +03:00
|
|
|
@successText="Sent"
|
|
|
|
@runningText="Sending..."
|
2021-02-08 21:20:38 +03:00
|
|
|
@class="gh-btn gh-btn-green gh-btn-icon gh-post-preview-email-trigger"
|
2021-01-27 01:49:05 +03:00
|
|
|
/>
|
2022-04-28 12:52:42 +03:00
|
|
|
</div>
|