Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-code.hbs

{{#koenig-card
    class=(concat "ba b--white relative kg-card-hover miw-100 relative" (if isEditing "pt1 pb1 pl6 nl6 pr6 nr6"))
    headerOffset=headerOffset
    toolbar=toolbar
    isSelected=isSelected
    isEditing=isEditing
    selectCard=(action selectCard)
    deselectCard=(action deselectCard)
    editCard=(action editCard)
    onLeaveEdit=(action "leaveEditMode")
    editor=editor
}}
    {{#if isEditing}}
        {{gh-cm-editor payload.code
            class="koenig-card-html--editor"
            autofocus=true
            lineWrapping=true
            update=(action "updateCode")
        }}
    {{else}}
        <div class="koenig-card-html-rendered">
            <pre><code class="line-numbers {{if payload.language (concat "language-" payload.language)}}">{{escapedCode}}</code></pre>
        </div>
        <div class="koenig-card-click-overlay"></div>
    {{/if}}
{{/koenig-card}}
Koenig - Initial code card with MD expansion refs https://github.com/TryGhost/Ghost/issues/9623 - `code` card that uses CodeMirror for the edit view and outputs `<pre><code>...</code></pre>` for the rendered view - adds triple-backtick text expansion for creating code cards 2018-05-15 17:26:34 +03:00			`{{#koenig-card`
			`class=(concat "ba b--white relative kg-card-hover miw-100 relative" (if isEditing "pt1 pb1 pl6 nl6 pr6 nr6"))`
			`headerOffset=headerOffset`
			`toolbar=toolbar`
			`isSelected=isSelected`
			`isEditing=isEditing`
			`selectCard=(action selectCard)`
🎨 Koenig - Exit edit mode of a card when clicking outside the card refs https://github.com/TryGhost/Ghost/issues/9623 - register window click handler in `{{koenig-card}}` whilst card is in edit mode - deselect card when a click is registered - ignore any clicks inside the card - ignore any clicks that originate inside of a modal - pass our `deselectCard` action through to all cards 2018-05-23 13:38:30 +03:00			`deselectCard=(action deselectCard)`
Koenig - Initial code card with MD expansion refs https://github.com/TryGhost/Ghost/issues/9623 - `code` card that uses CodeMirror for the edit view and outputs `<pre><code>...</code></pre>` for the rendered view - adds triple-backtick text expansion for creating code cards 2018-05-15 17:26:34 +03:00			`editCard=(action editCard)`
			`onLeaveEdit=(action "leaveEditMode")`
Koenig - Deselect cards when a click happens outside of the editor canvas refs https://github.com/TryGhost/Ghost/issues/9623 - move click handler registration from `onEnterEdit` to `onSelect` - add guard against deselecting for clicks on the editor canvas - prevents card being deselected when the click would have placed the cursor in a position that selected the card - requires editor instance to be passed through to `{{koenig-card}}` in all card components 2018-06-14 14:21:22 +03:00			`editor=editor`
Koenig - Initial code card with MD expansion refs https://github.com/TryGhost/Ghost/issues/9623 - `code` card that uses CodeMirror for the edit view and outputs `<pre><code>...</code></pre>` for the rendered view - adds triple-backtick text expansion for creating code cards 2018-05-15 17:26:34 +03:00			`}}`
			`{{#if isEditing}}`
			`{{gh-cm-editor payload.code`
			`class="koenig-card-html--editor"`
			`autofocus=true`
			`lineWrapping=true`
			`update=(action "updateCode")`
			`}}`
			`{{else}}`
			`<div class="koenig-card-html-rendered">`
			`<pre><code class="line-numbers {{if payload.language (concat "language-" payload.language)}}">{{escapedCode}}</code></pre>`
			`</div>`
			`<div class="koenig-card-click-overlay"></div>`
			`{{/if}}`
🎨 Koenig - Exit edit mode of a card when clicking outside the card refs https://github.com/TryGhost/Ghost/issues/9623 - register window click handler in `{{koenig-card}}` whilst card is in edit mode - deselect card when a click is registered - ignore any clicks inside the card - ignore any clicks that originate inside of a modal - pass our `deselectCard` action through to all cards 2018-05-23 13:38:30 +03:00			`{{/koenig-card}}`