Ghost/ghost/admin/app/templates/editor/edit.hbs
Ryan McCarvill 97590e3ae5 Editor title improvements (#614)
closes: https://github.com/TryGhost/Ghost/issues/8292
- Title improvements:
- Clean up the connection between the editor and title.
- Encapsulate all title related events in the title component.
- Fix tab support.
- Fixed an issue where pressing up from an empty paragraph would select the title
- Ensure the empty content psuedo element is always below the cursor and make sure it always displays when the title is blank.
2017-04-07 21:05:43 +01:00

96 lines
3.2 KiB
Handlebars

<section class="gh-view">
<header class="gh-editor-header">
<div class="gh-editor-status">
{{#if model.isPublished}}
Published
{{else if model.isScheduled}}
Scheduled
{{else}}
Draft
{{/if}}
</div>
<section class="view-actions">
{{gh-editor-save-button
isPublished=model.isPublished
isScheduled=model.isScheduled
willPublish=willPublish
willSchedule=willSchedule
statusFreeze=statusFreeze
scheduledWillPublish=scheduledWillPublish
timeScheduled=model.timeScheduled
postOrPage=postOrPage
isNew=model.isNew
save="save"
setSaveType="setSaveType"
delete="toggleDeletePostModal"
submitting=submitting
}}
<button type="button" class="post-settings" title="Settings" {{action "openSettingsMenu"}}>
{{inline-svg "settings"}}
</button>
</section>
</header>
<div class="gh-editor-container">
<div class="gh-editor-inner">
{{gh-editor-title
val=(readonly model.titleScratch)
onChange=(action (mut model.titleScratch))
tabindex="1"
shouldFocus=shouldFocusTitle
focus-out="updateTitle"
update=(action (perform updateTitle))
id="gh-editor-title"
koenigEditor=(readonly editor)
}}
{{#if scheduleCountdown}}
<time datetime="{{post.publishedAtUTC}}" class="gh-notification gh-notification-schedule">
Post will be published {{scheduleCountdown}}.
</time>
{{/if}}
{{gh-koenig
value=(readonly model.scratch)
onChange=(action (mut model.scratch))
onFirstChange=(action "autoSaveNew")
onTeardown=(action "cancelTimers")
shouldFocusEditor=shouldFocusEditor
apiRoot=apiRoot
assetPath=assetPath
tabindex="2"
containerSelector=".gh-editor-container"
setEditor=(action "setEditor")
}}
</div>
</div>
</section>
{{#if showDeletePostModal}}
{{gh-fullscreen-modal "delete-post"
model=(hash post=model onSuccess=(route-action 'redirectToContentScreen'))
close=(action "toggleDeletePostModal")
modifier="action wide"}}
{{/if}}
{{#if showLeaveEditorModal}}
{{gh-fullscreen-modal "leave-editor"
confirm=(action "leaveEditor")
close=(action "toggleLeaveEditorModal")
modifier="action wide"}}
{{/if}}
{{#if showReAuthenticateModal}}
{{gh-fullscreen-modal "re-authenticate"
close=(action "toggleReAuthenticateModal")
modifier="action wide"}}
{{/if}}
{{#liquid-wormhole}}
{{gh-post-settings-menu
model=model
showSettingsMenu=application.showSettingsMenu
closeNavMenu=(action "closeNavMenu")
closeMenus=(action "closeMenus")
}}
{{/liquid-wormhole}}