TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 20:34:02 +03:00
Code Issues Projects Releases Wiki Activity
97590e3ae5
Ghost/ghost/admin/app/templates/editor/edit.hbs

96 lines
3.2 KiB
Handlebars
Raw Normal View History

Isolate all markdown editor behaviour into `gh-editor` component no issue - move all existing markdown editor behaviour out of the editor controller and isolate it into a single component that can be swapped out - split the `register/remove` functions of the `shortcuts-route` out into a separate `shortcuts` mixin
2015-12-14 15:52:53 +03:00
<section class="gh-view">
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
<header class="gh-editor-header">
<div class="gh-editor-status">
{{#if model.isPublished}}
Published
{{else if model.isScheduled}}
Scheduled
{{else}}
Draft
Scheduler UI refs TryGhost/Ghost#6413 and TryGhost/Ghost#6870 needs TryGhost/Ghost#6861 - **Post Settings Menu (PSM)**:'Publish Date' input accepts a date from now, min. 2 minutes to allow scheduler processing on the server. Also, there will always be some delay between typing the date and clicking on the 'Schedule Post' button. If the user types a future date for an already published post, the date will be reseted and he sees the message, that the post needs to be unpublished first. Once, the date is accepted, the label will change to 'Scheduled Date'. - adds a CP 'timeScheduled' to post model, which will return `true` if the publish time is currently in the future. - **Changes to the button flow in editor**: - if the the CP `timeScheduled` returns true, a different drop-down-menu will be shown: 'Schedule Post' replaces 'Publish Now' and 'Unschedule' replaces 'Unpublish'. - Covering the _edge cases_, especially when a scheduled post is about to be published, while the user is in the editor. - First, a new CP `scheduleCountdown` will return the remaining time, when the estimated publish time is 15 minutes from now. A notification with this live-ticker is shown next to the save button. Once, we reach a 2 minutes limit, another CP `statusFreeze` will return true and causes the save button to only show `Unschedule` in a red state, until we reach the publish time - Once the publish time is reached, a CP `scheduledWillPublish` causes the buttons and the existing code to pretend we're already dealing with a publish post. At the moment, there's no way to make a background-fetch of the now serverside-scheduled post model from the server, so Ember doesn't know about the changed state at that time. - Changes in the editor, which are done during this 'status freeze'-process will be saved back correctly, once the user hits 'Update Post' after the buttons changed back. A click on 'Unpublish' will change the status back to a draft. - The user will get a regular 'toaster' notification that the post has been published. - adds CP `isScheduled` for scheduled posts - adds CP `offset` to component `gh-posts-list-item` and helper `gh-format-time-scheduled` to show schedule date in content overview. - sets timeout in `gh-spin-button` to 10ms for `Ember.testing` - changes error message in `gh-editor-base-controller` to be in one line, seperated with a `:` TODOs: - [x] new sort order for posts (1. scheduled, 2. draft, 3. published) (refs TryGhost/Ghost#6932) - [ ] Move posts sorting from posts controller to model and refactor to use `Ember.comparable` mixin - [x] Flows for draft -> scheduled -> published like described in TryGhost/Ghost#6870 incl. edge cases and button behaviour - [x] Tests - [x] new PSM behaviour for time/date in future - [x] display publishedAt date with timezone offset on posts overview
2016-02-02 10:04:40 +03:00
{{/if}}
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
</div>
Update Ember to 1.13.2 - Refactor to handle deprecations including removal of all Views, ArrayControllers, and ItemControllers.
2015-06-13 17:34:09 +03:00
<section class="view-actions">
{{gh-editor-save-button
isPublished=model.isPublished
Scheduler UI refs TryGhost/Ghost#6413 and TryGhost/Ghost#6870 needs TryGhost/Ghost#6861 - **Post Settings Menu (PSM)**:'Publish Date' input accepts a date from now, min. 2 minutes to allow scheduler processing on the server. Also, there will always be some delay between typing the date and clicking on the 'Schedule Post' button. If the user types a future date for an already published post, the date will be reseted and he sees the message, that the post needs to be unpublished first. Once, the date is accepted, the label will change to 'Scheduled Date'. - adds a CP 'timeScheduled' to post model, which will return `true` if the publish time is currently in the future. - **Changes to the button flow in editor**: - if the the CP `timeScheduled` returns true, a different drop-down-menu will be shown: 'Schedule Post' replaces 'Publish Now' and 'Unschedule' replaces 'Unpublish'. - Covering the _edge cases_, especially when a scheduled post is about to be published, while the user is in the editor. - First, a new CP `scheduleCountdown` will return the remaining time, when the estimated publish time is 15 minutes from now. A notification with this live-ticker is shown next to the save button. Once, we reach a 2 minutes limit, another CP `statusFreeze` will return true and causes the save button to only show `Unschedule` in a red state, until we reach the publish time - Once the publish time is reached, a CP `scheduledWillPublish` causes the buttons and the existing code to pretend we're already dealing with a publish post. At the moment, there's no way to make a background-fetch of the now serverside-scheduled post model from the server, so Ember doesn't know about the changed state at that time. - Changes in the editor, which are done during this 'status freeze'-process will be saved back correctly, once the user hits 'Update Post' after the buttons changed back. A click on 'Unpublish' will change the status back to a draft. - The user will get a regular 'toaster' notification that the post has been published. - adds CP `isScheduled` for scheduled posts - adds CP `offset` to component `gh-posts-list-item` and helper `gh-format-time-scheduled` to show schedule date in content overview. - sets timeout in `gh-spin-button` to 10ms for `Ember.testing` - changes error message in `gh-editor-base-controller` to be in one line, seperated with a `:` TODOs: - [x] new sort order for posts (1. scheduled, 2. draft, 3. published) (refs TryGhost/Ghost#6932) - [ ] Move posts sorting from posts controller to model and refactor to use `Ember.comparable` mixin - [x] Flows for draft -> scheduled -> published like described in TryGhost/Ghost#6870 incl. edge cases and button behaviour - [x] Tests - [x] new PSM behaviour for time/date in future - [x] display publishedAt date with timezone offset on posts overview
2016-02-02 10:04:40 +03:00
isScheduled=model.isScheduled
Update Ember to 1.13.2 - Refactor to handle deprecations including removal of all Views, ArrayControllers, and ItemControllers.
2015-06-13 17:34:09 +03:00
willPublish=willPublish
Scheduler UI refs TryGhost/Ghost#6413 and TryGhost/Ghost#6870 needs TryGhost/Ghost#6861 - **Post Settings Menu (PSM)**:'Publish Date' input accepts a date from now, min. 2 minutes to allow scheduler processing on the server. Also, there will always be some delay between typing the date and clicking on the 'Schedule Post' button. If the user types a future date for an already published post, the date will be reseted and he sees the message, that the post needs to be unpublished first. Once, the date is accepted, the label will change to 'Scheduled Date'. - adds a CP 'timeScheduled' to post model, which will return `true` if the publish time is currently in the future. - **Changes to the button flow in editor**: - if the the CP `timeScheduled` returns true, a different drop-down-menu will be shown: 'Schedule Post' replaces 'Publish Now' and 'Unschedule' replaces 'Unpublish'. - Covering the _edge cases_, especially when a scheduled post is about to be published, while the user is in the editor. - First, a new CP `scheduleCountdown` will return the remaining time, when the estimated publish time is 15 minutes from now. A notification with this live-ticker is shown next to the save button. Once, we reach a 2 minutes limit, another CP `statusFreeze` will return true and causes the save button to only show `Unschedule` in a red state, until we reach the publish time - Once the publish time is reached, a CP `scheduledWillPublish` causes the buttons and the existing code to pretend we're already dealing with a publish post. At the moment, there's no way to make a background-fetch of the now serverside-scheduled post model from the server, so Ember doesn't know about the changed state at that time. - Changes in the editor, which are done during this 'status freeze'-process will be saved back correctly, once the user hits 'Update Post' after the buttons changed back. A click on 'Unpublish' will change the status back to a draft. - The user will get a regular 'toaster' notification that the post has been published. - adds CP `isScheduled` for scheduled posts - adds CP `offset` to component `gh-posts-list-item` and helper `gh-format-time-scheduled` to show schedule date in content overview. - sets timeout in `gh-spin-button` to 10ms for `Ember.testing` - changes error message in `gh-editor-base-controller` to be in one line, seperated with a `:` TODOs: - [x] new sort order for posts (1. scheduled, 2. draft, 3. published) (refs TryGhost/Ghost#6932) - [ ] Move posts sorting from posts controller to model and refactor to use `Ember.comparable` mixin - [x] Flows for draft -> scheduled -> published like described in TryGhost/Ghost#6870 incl. edge cases and button behaviour - [x] Tests - [x] new PSM behaviour for time/date in future - [x] display publishedAt date with timezone offset on posts overview
2016-02-02 10:04:40 +03:00
willSchedule=willSchedule
statusFreeze=statusFreeze
scheduledWillPublish=scheduledWillPublish
timeScheduled=model.timeScheduled
Update Ember to 1.13.2 - Refactor to handle deprecations including removal of all Views, ArrayControllers, and ItemControllers.
2015-06-13 17:34:09 +03:00
postOrPage=postOrPage
isNew=model.isNew
save="save"
setSaveType="setSaveType"
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
2015-11-18 13:50:48 +03:00
delete="toggleDeletePostModal"
add spin-button component & implement it closes #3928 - adds spin-button component & styles - implements spin-button in places where buttons trigger async tasks
2015-08-10 18:43:49 +03:00
submitting=submitting
Update Ember to 1.13.2 - Refactor to handle deprecations including removal of all Views, ArrayControllers, and ItemControllers.
2015-06-13 17:34:09 +03:00
}}
Minor editor style updates Refs https://github.com/TryGhost/Ghost/issues/8021
2017-02-27 13:02:10 +03:00
<button type="button" class="post-settings" title="Settings" {{action "openSettingsMenu"}}>
🎨 No more icon font: `{{inline-svg}}` (#605) refs TryGhost/Ghost#8107 - Replaces icon font with `{{inline-svg}}` helper incl. necessary style adjustments.
2017-04-07 18:23:45 +03:00
{{inline-svg "settings"}}
Minor editor style updates Refs https://github.com/TryGhost/Ghost/issues/8021
2017-02-27 13:02:10 +03:00
</button>
Update Ember to 1.13.2 - Refactor to handle deprecations including removal of all Views, ArrayControllers, and ItemControllers.
2015-06-13 17:34:09 +03:00
</section>
</header>
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
<div class="gh-editor-container">
<div class="gh-editor-inner">
🎨 No more icon font: `{{inline-svg}}` (#605) refs TryGhost/Ghost#8107 - Replaces icon font with `{{inline-svg}}` helper incl. necessary style adjustments.
2017-04-07 18:23:45 +03:00
{{gh-editor-title
Multi line title. (#595) refs https://github.com/TryGhost/Ghost/issues/7754 The title is now a contenteditable div which stretches and wraps to behave like the editor. It also tries to seemlessly move the cursor between the editor and title to make one coherent editing experience.
2017-03-22 02:42:14 +03:00
val=(readonly model.titleScratch)
🎨 No more icon font: `{{inline-svg}}` (#605) refs TryGhost/Ghost#8107 - Replaces icon font with `{{inline-svg}}` helper incl. necessary style adjustments.
2017-04-07 18:23:45 +03:00
onChange=(action (mut model.titleScratch))
tabindex="1"
shouldFocus=shouldFocusTitle
focus-out="updateTitle"
update=(action (perform updateTitle))
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 23:05:43 +03:00
id="gh-editor-title"
koenigEditor=(readonly editor)
Multi line title. (#595) refs https://github.com/TryGhost/Ghost/issues/7754 The title is now a contenteditable div which stretches and wraps to behave like the editor. It also tries to seemlessly move the cursor between the editor and title to make one coherent editing experience.
2017-03-22 02:42:14 +03:00
}}
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
{{#if scheduleCountdown}}
<time datetime="{{post.publishedAtUTC}}" class="gh-notification gh-notification-schedule">
Post will be published {{scheduleCountdown}}.
</time>
{{/if}}
renamed to koenig
2017-03-01 21:50:08 +03:00
{{gh-koenig
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
value=(readonly model.scratch)
onChange=(action (mut model.scratch))
onFirstChange=(action "autoSaveNew")
onTeardown=(action "cancelTimers")
shouldFocusEditor=shouldFocusEditor
apiRoot=apiRoot
assetPath=assetPath
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 23:05:43 +03:00
tabindex="2"
containerSelector=".gh-editor-container"
setEditor=(action "setEditor")
New editor layout (#355) - the title is now part of the content - new ways to navigate from the title to the content - the new editor contains updated toolbar behavior - the new editor contains markdown like commands
2016-10-24 13:55:55 +03:00
}}
</div>
</div>
Isolate all markdown editor behaviour into `gh-editor` component no issue - move all existing markdown editor behaviour out of the editor controller and isolate it into a single component that can be swapped out - split the `register/remove` functions of the `shortcuts-route` out into a separate `shortcuts` mixin
2015-12-14 15:52:53 +03:00
</section>
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
2015-11-18 13:50:48 +03:00
{{#if showDeletePostModal}}
{{gh-fullscreen-modal "delete-post"
Card menu styles and editor tweaks
2017-03-02 11:49:10 +03:00
model=(hash post=model onSuccess=(route-action 'redirectToContentScreen'))
close=(action "toggleDeletePostModal")
modifier="action wide"}}
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
2015-11-18 13:50:48 +03:00
{{/if}}
{{#if showLeaveEditorModal}}
{{gh-fullscreen-modal "leave-editor"
Card menu styles and editor tweaks
2017-03-02 11:49:10 +03:00
confirm=(action "leaveEditor")
close=(action "toggleLeaveEditorModal")
modifier="action wide"}}
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
2015-11-18 13:50:48 +03:00
{{/if}}
{{#if showReAuthenticateModal}}
{{gh-fullscreen-modal "re-authenticate"
Card menu styles and editor tweaks
2017-03-02 11:49:10 +03:00
close=(action "toggleReAuthenticateModal")
modifier="action wide"}}
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
2015-11-18 13:50:48 +03:00
{{/if}}
🎨 convert post-settings-menu into a component (#137) no issue - cleans up some of the render code - aligns things with the "ember way" - move metaTitleScratch and metaDescriptionScratch bindings to post model
2017-03-10 17:30:01 +03:00
{{#liquid-wormhole}}
{{gh-post-settings-menu
model=model
showSettingsMenu=application.showSettingsMenu
closeNavMenu=(action "closeNavMenu")
closeMenus=(action "closeMenus")
}}
{{/liquid-wormhole}}
Reference in New Issue Copy Permalink