TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-23 10:53:34 +03:00
Code Issues Projects Releases Wiki Activity
4c05d618bd
Ghost/ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs

24 lines
716 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)
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 - 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 - 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
<div class="koenig-card-html-rendered">{{{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-card}}
Reference in New Issue Copy Permalink