1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Ghost-Admin/lib/gh-koenig--old/addon/templates/components/gh-koenig.hbs
Kevin Ansfield 3d341e2dd6
Koenig reboot - rich text (#952)
refs https://github.com/TryGhost/Ghost/issues/9311

Koenig is being fully rebooted, first port of call is to focus on getting the rich-text only aspect of mobiledoc-kit working with our popup toolbar.

- renames old koenig implementation (used for reference, will eventually be deleted)
- new `{{koenig-editor}}` mobiledoc-kit component implementation based on ember-mobiledoc-editor
  - markdown text expansions
- new `{{gh-koenig-edtor}}` that wraps our title+editor and handles keyboard navigation between the two
  - clicks below content will focus the editor
- new `{{koenig-toolbar}}` component for the popup formatting toolbar with improved behaviour and simplified code
2018-01-30 10:01:07 +00:00

58 lines
1.4 KiB
Handlebars

{{yield (hash
editor=editor
isMenuOpen=isMenuOpen
hasRendered=editorHasRendered
)}}
<div class='gh-koenig'>
<div class='gh-koenig-surface'
tabindex="{{tabindex}}"
ondrop={{action "dropImage"}}
ondragover={{action "dragOver"}} />
</div>
{{#each emberCards as |card index|}}
{{#ember-wormhole to=card.id}}
{{koenig-card
tabindex=index
card=card
apiRoot=apiRoot
assetPath=assetPath
selectCard=(action "selectCard")
selectCardHard=(action "selectCardHard")
deselectCard=(action "deselectCard")
edit=(action "editCard")
stopEdit=(action "stopEditingCard")
editedCard=editedCard
deleteCard=(action "deleteCard")
}}
{{/ember-wormhole}}
{{/each}}
{{!-- Popup formatting toolbar when text is selected --}}
{{koenig-toolbar
editor=editor
assetPath=assetPath
containerSelector=containerSelector
isTouch=isTouch
}}
{{koenig-slash-menu
editor=editor
assetPath=assetPath
containerSelector=containerSelector
menuIsOpen=(action "menuOpened")
menuIsClosed=(action "menuClosed")
isTouch=isTouch
}}
{{koenig-plus-menu
editor=editor
assetPath=assetPath
containerSelector=containerSelector
isTouch=isTouch
menuIsOpen=(action "menuOpened")
menuIsClosed=(action "menuClosed")
isTouch=isTouch
}}