mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
489f45155d
no issue - show the toolbar icon for any `<KoenigCard>` instance that has the `saveAsSnippet` action passed to it - currently that's all cards except the HR card because that's a primitive element rather than containing any user-defined content - add `koenigUi.inputHasFocus` so that card toolbars can be hidden when the snippet input is displayed
44 lines
1.8 KiB
Handlebars
44 lines
1.8 KiB
Handlebars
<KoenigCard
|
|
@icon="koenig/card-indicator-email"
|
|
@class={{concat (kg-style "container-card") " kg-email-card mih10 miw-100 relative"}}
|
|
@style={{this.cardStyle}}
|
|
@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}}
|
|
@saveAsSnippet={{this.saveAsSnippet}}
|
|
@onLeaveEdit={{action "leaveEditMode"}}
|
|
@addParagraphAfterCard={{this.addParagraphAfterCard}}
|
|
@moveCursorToPrevSection={{this.moveCursorToPrevSection}}
|
|
@moveCursorToNextSection={{this.moveCursorToNextSection}}
|
|
@editor={{this.editor}}
|
|
as |card|
|
|
>
|
|
{{#if this.isEditing}}
|
|
<KoenigTextReplacementHtmlInput
|
|
@html={{this.payload.html}}
|
|
@placeholder="Email only content..."
|
|
@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"}}
|
|
/>
|
|
<div class="kg-card-help">
|
|
<p>
|
|
<span>Only visible when delivered by email, this card will not be published on your site.</span>
|
|
<a href="https://ghost.org/docs/members/email-card/" class="dib lh-zero v-mid kg-card-help-icon-link" target="_blank" rel="noreferer nopener">{{svg-jar "help" class="stroke-midgrey"}}</a>
|
|
</p>
|
|
</div>
|
|
{{else}}
|
|
<p>{{{this.formattedHtml}}}</p>
|
|
<div class="koenig-card-click-overlay"></div>
|
|
{{/if}}
|
|
</KoenigCard>
|