mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-12 06:25:51 +03:00
35cf6c9829
closes https://github.com/TryGhost/Ghost/issues/8249 - replaces the old split-button publish/schedule/update button with a less confusing menu system - adds a `{{gh-date-time-picker}}` component that contains a datepicker with separate time input - replaces the date text input in the post settings menu with `{{gh-date-time-picker}}` - disabled when post is scheduled, only way to update a scheduled time is via the publish menu - validates date is in the past when draft/published so there's no confusion with scheduling - displays saving status in top-left of editor screen - refactor editor (auto)saving processes to use ember-concurrency Other minor changes: - adds `post.publishedAtBlog{TZ,Date,Time}` properties to Post model to allow working with `publishedAt` datetime in the selected blog timezone rather than UTC - adds a `beforeSave` hook to `validation-engine` that is called after successful validation and before the Ember Data save call is made - adds validation of `publishedAtBlog{Date,Time}` to post validator - prevent gh-task-button showing last task state on first render - fixes bug where clicking into and out of the published date input in the PSM without making any changes saves a published date for draft posts
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import Component from 'ember-component';
|
|
import {task, timeout} from 'ember-concurrency';
|
|
import computed, {reads} from 'ember-computed';
|
|
|
|
// TODO: reduce when in testing mode
|
|
const SAVE_TIMEOUT_MS = 3000;
|
|
|
|
export default Component.extend({
|
|
post: null,
|
|
isScheduled: reads('post.isScheduled'),
|
|
isSaving: false,
|
|
|
|
'data-test-editor-post-status': true,
|
|
|
|
_isSaving: false,
|
|
|
|
isPublished: computed('post.{isPublished,pastScheduledTime}', function () {
|
|
let isPublished = this.get('post.isPublished');
|
|
let pastScheduledTime = this.get('post.pastScheduledTime');
|
|
|
|
return isPublished || pastScheduledTime;
|
|
}),
|
|
|
|
// isSaving will only be true briefly whilst the post is saving,
|
|
// we want to ensure that the "Saving..." message is shown for at least
|
|
// a few seconds so that it's noticeable
|
|
didReceiveAttrs() {
|
|
if (this.get('isSaving')) {
|
|
this.get('showSavingMessage').perform();
|
|
}
|
|
},
|
|
|
|
showSavingMessage: task(function* () {
|
|
this.set('_isSaving', true);
|
|
yield timeout(SAVE_TIMEOUT_MS);
|
|
this.set('_isSaving', false);
|
|
}).drop()
|
|
});
|