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

{{#koenig-card
    icon="koenig/markdown"
    class=(kg-style "container-card")
    toolbar=toolbar
    isSelected=isSelected
    isEditing=isEditing
    onEnterEdit=(action "enterEditMode")
    onLeaveEdit=(action "leaveEditMode")
    selectCard=(action selectCard)
    editCard=(action editCard)
}}
    {{#if isEditing}}
        {{gh-textarea
            class="koenig-card-markdown"
            value=(readonly payload.markdown)
            input=(action "updateMarkdown" value="target.value")
            autoExpand=".gh-koenig-editor"}}
    {{else}}
        {{renderedMarkdown}}
    {{/if}}
{{/koenig-card}}
Koenig - Generic `{{koenig-card}}` container card component refs https://github.com/TryGhost/Ghost/issues/9311 - initial CSS for container card outline, selection state, toolbar, etc - adds `{{#koenig-card}}` component to be used inside of component card templates to handle the default card container HTML, mouse interactions, etc - update `{{koenig-card-markdown}}` to use the new `{{koenig-card}}` component - add render/edit mode views - focus the textarea when entering edit mode - updated `{{koenig-editor}}` - add <kbd>Cmd+Enter</kbd> command to put a selected card into edit mode - when inserting new cards put them into edit mode immediately - move edit/select methods out of actions and into normal methods so that timing is easier to reason about - skip `cursorDidChange` process when cursor changes as a result of a card selection, fixes issues with `selectCard` being triggered multiple times unexpectedly 2018-02-13 21:00:54 +03:00			`{{#koenig-card`
			`icon="koenig/markdown"`
Koenig - Initial Spirit styles integration no issue - copy Spirit styles over (eventually these will live in an addon) - update `ember-cli-build` to output a separate CSS file for Spirit - update `asset-delivery` addon to output Spirit CSS link - add `{{kg-style}}` helper for Spirit class names - update `{{koenig-card}}` and the `{{koenig-card-markdown/html}}` components to use Spirit class names and markup - replace markdown icon with new version from Spirit 2018-02-20 18:02:47 +03:00			`class=(kg-style "container-card")`
Koenig - Switch card context menu to Spirit classes refs https://github.com/TryGhost/Ghost/issues/9505 - use Spirit classes for card context menu - add button and icon class options for context menu items - add ability to have icon+text for context menu items - add "Edit" context menu item to markdown and html cards 2018-04-03 20:34:01 +03:00			`toolbar=toolbar`
Koenig - Generic `{{koenig-card}}` container card component refs https://github.com/TryGhost/Ghost/issues/9311 - initial CSS for container card outline, selection state, toolbar, etc - adds `{{#koenig-card}}` component to be used inside of component card templates to handle the default card container HTML, mouse interactions, etc - update `{{koenig-card-markdown}}` to use the new `{{koenig-card}}` component - add render/edit mode views - focus the textarea when entering edit mode - updated `{{koenig-editor}}` - add <kbd>Cmd+Enter</kbd> command to put a selected card into edit mode - when inserting new cards put them into edit mode immediately - move edit/select methods out of actions and into normal methods so that timing is easier to reason about - skip `cursorDidChange` process when cursor changes as a result of a card selection, fixes issues with `selectCard` being triggered multiple times unexpectedly 2018-02-13 21:00:54 +03:00			`isSelected=isSelected`
			`isEditing=isEditing`
			`onEnterEdit=(action "enterEditMode")`
Koenig - Remove markdown/embed card if it's empty when leaving edit mode refs https://github.com/TryGhost/Ghost/issues/9505 - add `deleteCard` action to `{{koenig-editor}}` component and pass it through to the component cards - required modifying the `_deleteCard` behaviour so that it doesn't always try to move the cursor - use `onLeaveEdit` action from `{{koenig-card}}` in the markdown and html cards to check if their payload is empty and remove the card when exiting edit mode - fixed `onLeaveEdit` action firing when card first rendered 2018-03-15 20:54:15 +03:00			`onLeaveEdit=(action "leaveEditMode")`
Koenig - Generic `{{koenig-card}}` container card component refs https://github.com/TryGhost/Ghost/issues/9311 - initial CSS for container card outline, selection state, toolbar, etc - adds `{{#koenig-card}}` component to be used inside of component card templates to handle the default card container HTML, mouse interactions, etc - update `{{koenig-card-markdown}}` to use the new `{{koenig-card}}` component - add render/edit mode views - focus the textarea when entering edit mode - updated `{{koenig-editor}}` - add <kbd>Cmd+Enter</kbd> command to put a selected card into edit mode - when inserting new cards put them into edit mode immediately - move edit/select methods out of actions and into normal methods so that timing is easier to reason about - skip `cursorDidChange` process when cursor changes as a result of a card selection, fixes issues with `selectCard` being triggered multiple times unexpectedly 2018-02-13 21:00:54 +03:00			`selectCard=(action selectCard)`
			`editCard=(action editCard)`
			`}}`
			`{{#if isEditing}}`
			`{{gh-textarea`
			`class="koenig-card-markdown"`
Remove ember-one-way-controls (#959) closes https://github.com/TryGhost/Ghost/issues/9386 - remove usage of `{{one-way-checkbox}}` in favour of direct HTML+handlebars - add `{{gh-text-input}}` that inherits from Ember's built-in `TextInput` component along with our custom `TextInput` mixin - swap all uses of `{{gh-input}}` for `{{gh-text-input}} - remove `{{gh-input}}` component - update `{{gh-textarea}}` to inherit from Ember's `TextArea` component instead of `OneWayTextarea` and update all component uses accordingly - update `{{gh-trim-focus-input}}` to inherit from `{{gh-text-input}}` and update all component uses accordingly - standardize on using the `focus-out` action naming rather than `focusOut` for all text inputs, this is because the text input components (especially `{{gh-trim-focus-input}}`) have their own `focusOut` handler which gets overridden if consumers supply their own `focusOut` attr - drop `ember-one-way-controls` package - add `ember-one-way-select` package 2018-02-28 14:44:03 +03:00			`value=(readonly payload.markdown)`
			`input=(action "updateMarkdown" value="target.value")`
Koenig - Generic `{{koenig-card}}` container card component refs https://github.com/TryGhost/Ghost/issues/9311 - initial CSS for container card outline, selection state, toolbar, etc - adds `{{#koenig-card}}` component to be used inside of component card templates to handle the default card container HTML, mouse interactions, etc - update `{{koenig-card-markdown}}` to use the new `{{koenig-card}}` component - add render/edit mode views - focus the textarea when entering edit mode - updated `{{koenig-editor}}` - add <kbd>Cmd+Enter</kbd> command to put a selected card into edit mode - when inserting new cards put them into edit mode immediately - move edit/select methods out of actions and into normal methods so that timing is easier to reason about - skip `cursorDidChange` process when cursor changes as a result of a card selection, fixes issues with `selectCard` being triggered multiple times unexpectedly 2018-02-13 21:00:54 +03:00			`autoExpand=".gh-koenig-editor"}}`
			`{{else}}`
			`{{renderedMarkdown}}`
			`{{/if}}`
			`{{/koenig-card}}`