2020-04-29 12:42:45 +03:00
|
|
|
<KoenigCard
|
2020-04-08 15:01:04 +03:00
|
|
|
@icon="koenig/card-indicator-email"
|
2020-04-06 12:56:40 +03:00
|
|
|
@class={{concat (kg-style "container-card") " kg-email-card mih10 miw-100 relative"}}
|
|
|
|
@headerOffset={{this.headerOffset}}
|
|
|
|
@toolbar={{this.toolbar}}
|
|
|
|
@payload={{this.payload}}
|
|
|
|
@isSelected={{this.isSelected}}
|
|
|
|
@isEditing={{this.isEditing}}
|
|
|
|
@selectCard={{action this.selectCard}}
|
|
|
|
@deselectCard={{action this.deselectCard}}
|
|
|
|
@editCard={{action this.editCard}}
|
|
|
|
@saveCard={{action this.saveCard}}
|
2020-10-21 14:16:04 +03:00
|
|
|
@saveAsSnippet={{this.saveAsSnippet}}
|
2020-04-06 12:56:40 +03:00
|
|
|
@onLeaveEdit={{action "leaveEditMode"}}
|
|
|
|
@addParagraphAfterCard={{this.addParagraphAfterCard}}
|
|
|
|
@moveCursorToPrevSection={{this.moveCursorToPrevSection}}
|
|
|
|
@moveCursorToNextSection={{this.moveCursorToNextSection}}
|
|
|
|
@editor={{this.editor}}
|
|
|
|
>
|
|
|
|
{{#if this.isEditing}}
|
|
|
|
<KoenigTextReplacementHtmlInput
|
|
|
|
@html={{this.payload.html}}
|
2021-07-28 17:38:11 +03:00
|
|
|
@placeholder="Email only text..."
|
2020-04-06 12:56:40 +03:00
|
|
|
@autofocus={{true}}
|
|
|
|
@class="miw-100 bn bg-transparent"
|
|
|
|
@onChange={{action "updateHtml"}}
|
|
|
|
@onFocus={{action (mut this.isFocused) true}}
|
|
|
|
@onBlur={{action (mut this.isFocused) false}}
|
|
|
|
@didCreateEditor={{action "registerEditor"}}
|
|
|
|
/>
|
2020-04-23 14:11:23 +03:00
|
|
|
<div class="kg-card-help">
|
|
|
|
<p>
|
2020-04-23 15:46:44 +03:00
|
|
|
<span>Only visible when delivered by email, this card will not be published on your site.</span>
|
2022-02-02 19:20:01 +03:00
|
|
|
<a href="https://ghost.org/help/email-newsletters/#email-cards" class="dib lh-zero v-mid kg-card-help-icon-link" target="_blank" rel="noopener noreferrer">{{svg-jar "help" class="stroke-midgrey"}}</a>
|
2020-04-23 14:11:23 +03:00
|
|
|
</p>
|
|
|
|
</div>
|
2020-04-06 12:56:40 +03:00
|
|
|
{{else}}
|
2020-04-17 18:00:19 +03:00
|
|
|
<p>{{{this.formattedHtml}}}</p>
|
2020-04-06 12:56:40 +03:00
|
|
|
<div class="koenig-card-click-overlay"></div>
|
|
|
|
{{/if}}
|
|
|
|
</KoenigCard>
|