TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 11:22:19 +03:00
Code Issues Projects Releases Wiki Activity
ac17053863
Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs

25 lines
786 B
Handlebars
Raw Normal View History

Koenig - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
{{#koenig-card
Koenig - Styled HTML card edit mode refs https://github.com/TryGhost/Ghost/issues/9505
2018-04-25 14:15:50 +03:00
icon="koenig/card-indicator-html"
Koenig - Replace custom CSS classes with Spirit no issue - Koenig container styles for Spirit - Applying Spirit styles to card menu - Applying Spirit styles to generic cards - Replacing icon styles with Spirit - Fix slash menu selected state - Cleanup of unused files + fix empty HTML
2018-05-01 15:47:13 +03:00
class=(concat (kg-style "container-card") " mih10 miw-100 relative")
Koenig - Sticky card icons (#1013) refs https://github.com/TryGhost/Ghost/issues/9505 - use `ember-sticky-element` to stick card icons in top left when scrolling - pass an `headerOffset` down from the `{{gh-editor}}` component through Koenig and the card components so that it can be used for adjustments where necessary - calculate `headerHeight` in `{{gh-editor}}` any time we change the header class
2018-05-01 17:55:51 +03:00
headerOffset=headerOffset
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 - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
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 - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
editCard=(action editCard)
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 - 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 - HTML card template refs https://github.com/TryGhost/Ghost/issues/9311 - add a basic HTML card that renders a CodeMirror editor - adjust styles so that CodeMirror styles for the markdown editor don't affect CodeMirror instances inside Koenig
2018-02-03 21:20:50 +03:00
}}
Koenig - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
{{#if isEditing}}
{{gh-cm-editor payload.html
class="koenig-card-html--editor"
autofocus=true
Koenig - Enable line-wrapping for HTML card's CodeMirror instance refs https://github.com/TryGhost/Ghost/issues/9505 - pass `lineWrapping` option through to CodeMirror in `{{gh-cm-editor}}` - add cascade overrides for the `pre` line-wrapping styles needed by CodeMirror
2018-04-25 14:06:01 +03:00
lineWrapping=true
Koenig - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
update=(action "updateHtml")
}}
{{else}}
🐛 Koenig - Fixed pasting of plain text refs https://github.com/TryGhost/Ghost/issues/9724 - `formatMarkdown` was previously changed to return a SafeString but that meant any direct usage of the helper had to account for not dealing with a basic String type - changed `formatMarkdown` to return a basic String - modified helper usage of `{{sanitize-html}}` to use triple-curlies
2018-08-15 18:25:02 +03:00
<div class="koenig-card-html-rendered">{{{sanitize-html payload.html}}}</div>
Koenig - Add click overlay to embed card refs https://github.com/TryGhost/Ghost/issues/9311 - adds an overlay element to the embed card so that clicks do not interact with any embedded iframes so that you can lazy click to enter edit mode
2018-02-15 20:14:30 +03:00
<div class="koenig-card-click-overlay"></div>
Koenig - Update {{koenig-card-html}} to use new {{koenig-card}} container refs https://github.com/TryGhost/Ghost/issues/9311 - wraps embed card in same container as the markdown card to handle mouse selection/edit toggles etc - add render mode to embed card - autofocus CodeMirror editor when switching to edit mode - fix incorrect pointer on cards
2018-02-15 18:57:44 +03:00
{{/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}}
Reference in New Issue Copy Permalink