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
75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
import Component from 'ember-component';
|
|
import moment from 'moment';
|
|
import {isEmpty} from 'ember-utils';
|
|
|
|
export default Component.extend({
|
|
|
|
post: null,
|
|
saveType: null,
|
|
|
|
// used to set minDate in datepicker
|
|
_minDate: null,
|
|
_publishedAtBlogTZ: null,
|
|
|
|
'data-test-publishmenu-draft': true,
|
|
|
|
didInsertElement() {
|
|
this.get('post').set('publishedAtBlogTZ', this.get('post.publishedAtUTC'));
|
|
this.send('setSaveType', 'publish');
|
|
},
|
|
|
|
// API only accepts dates at least 2 mins in the future, default the
|
|
// scheduled date 5 mins in the future to avoid immediate validation errors
|
|
_getMinDate() {
|
|
return moment.utc().add(5, 'minutes');
|
|
},
|
|
|
|
actions: {
|
|
setSaveType(type) {
|
|
if (this.get('saveType') !== type) {
|
|
let hasDateError = !isEmpty(this.get('post.errors').errorsFor('publishedAtBlogDate'));
|
|
let hasTimeError = !isEmpty(this.get('post.errors').errorsFor('publishedAtBlogTime'));
|
|
let minDate = this._getMinDate();
|
|
|
|
this.set('_minDate', minDate);
|
|
this.get('setSaveType')(type);
|
|
|
|
// when publish: switch to now to avoid validation errors
|
|
// when schedule: switch to last valid or new minimum scheduled date
|
|
if (type === 'publish') {
|
|
if (!hasDateError && !hasTimeError) {
|
|
this._publishedAtBlogTZ = this.get('post.publishedAtBlogTZ');
|
|
} else {
|
|
this._publishedAtBlogTZ = this.get('post.publishedAtUTC');
|
|
}
|
|
|
|
this.get('post').set('publishedAtBlogTZ', this.get('post.publishedAtUTC'));
|
|
} else {
|
|
if (!this._publishedAtBlogTZ || moment(this._publishedAtBlogTZ).isBefore(minDate)) {
|
|
this.get('post').set('publishedAtBlogTZ', minDate);
|
|
} else {
|
|
this.get('post').set('publishedAtBlogTZ', this._publishedAtBlogTZ);
|
|
}
|
|
}
|
|
|
|
this.get('post').validate();
|
|
}
|
|
},
|
|
|
|
setDate(date) {
|
|
let post = this.get('post');
|
|
let dateString = moment(date).format('YYYY-MM-DD');
|
|
|
|
post.set('publishedAtBlogDate', dateString);
|
|
return post.validate();
|
|
},
|
|
|
|
setTime(time) {
|
|
let post = this.get('post');
|
|
|
|
post.set('publishedAtBlogTime', time);
|
|
return post.validate();
|
|
}
|
|
}
|
|
});
|