mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-12 06:25:51 +03:00
15f1591383
Closes #3179 - Add `titleScratch` property to `PostModel`. - Changed references to `title` to `titleScratch`
219 lines
7.7 KiB
JavaScript
219 lines
7.7 KiB
JavaScript
/* global moment */
|
|
import {parseDateString, formatDate} from 'ghost/utils/date-formatting';
|
|
import SlugGenerator from 'ghost/models/slug-generator';
|
|
import boundOneWay from 'ghost/utils/bound-one-way';
|
|
|
|
var PostSettingsMenuController = Ember.ObjectController.extend({
|
|
init: function () {
|
|
this._super();
|
|
|
|
// when creating a new post we want to observe the title
|
|
// to generate the post's slug
|
|
if (this.get('isNew')) {
|
|
this.addObserver('titleScratch', this, 'titleObserver');
|
|
}
|
|
},
|
|
/**
|
|
* The placeholder is the published date of the post,
|
|
* or the current date if the pubdate has not been set.
|
|
*/
|
|
publishedAtPlaceholder: function () {
|
|
var pubDate = this.get('published_at');
|
|
if (pubDate) {
|
|
return formatDate(pubDate);
|
|
}
|
|
return formatDate(moment());
|
|
}.property('publishedAtValue'),
|
|
publishedAtValue: boundOneWay('published_at', formatDate),
|
|
|
|
slugValue: boundOneWay('slug'),
|
|
//Lazy load the slug generator for slugPlaceholder
|
|
slugGenerator: Ember.computed(function () {
|
|
return SlugGenerator.create({
|
|
ghostPaths: this.get('ghostPaths')
|
|
});
|
|
}),
|
|
//Requests slug from title
|
|
generateSlugPlaceholder: function () {
|
|
var self = this,
|
|
title = this.get('titleScratch');
|
|
|
|
this.get('slugGenerator').generateSlug(title).then(function (slug) {
|
|
self.set('slugPlaceholder', slug);
|
|
});
|
|
},
|
|
titleObserver: function () {
|
|
if (this.get('isNew')) {
|
|
Ember.run.debounce(this, 'generateSlugPlaceholder', 700);
|
|
}
|
|
},
|
|
slugPlaceholder: function (key, value) {
|
|
var slug = this.get('slug');
|
|
|
|
//If the post has a slug, that's its placeholder.
|
|
if (slug) {
|
|
return slug;
|
|
}
|
|
|
|
//Otherwise, it's whatever value was set by the
|
|
// slugGenerator (below)
|
|
if (arguments.length > 1) {
|
|
return value;
|
|
}
|
|
//The title will stand in until the actual slug has been generated
|
|
return this.get('titleScratch');
|
|
}.property(),
|
|
|
|
showErrors: function (errors) {
|
|
errors = Ember.isArray(errors) ? errors : [errors];
|
|
this.notifications.closePassive();
|
|
this.notifications.showErrors(errors);
|
|
},
|
|
showSuccess: function (message) {
|
|
this.notifications.closePassive();
|
|
this.notifications.showSuccess(message);
|
|
},
|
|
actions: {
|
|
togglePage: function () {
|
|
var value = this.toggleProperty('page'),
|
|
self = this;
|
|
|
|
// If this is a new post. Don't save the model. Defer the save
|
|
// to the user pressing the save button
|
|
if (this.get('isNew')) {
|
|
return;
|
|
}
|
|
|
|
return this.get('model').save().then(function () {
|
|
self.showSuccess('Successfully converted to ' + (value ? 'static page' : 'post'));
|
|
return value;
|
|
}).catch(function (errors) {
|
|
self.showErrors(errors);
|
|
self.get('model').rollback();
|
|
});
|
|
},
|
|
/**
|
|
* triggered by user manually changing slug
|
|
*/
|
|
updateSlug: function (newSlug) {
|
|
var slug = this.get('slug'),
|
|
self = this;
|
|
|
|
newSlug = newSlug || slug;
|
|
|
|
newSlug = newSlug.trim();
|
|
|
|
// Ignore unchanged slugs or candidate slugs that are empty
|
|
if (!newSlug || slug === newSlug) {
|
|
return;
|
|
}
|
|
|
|
this.get('slugGenerator').generateSlug(newSlug).then(function (serverSlug) {
|
|
// If after getting the sanitized and unique slug back from the API
|
|
// we end up with a slug that matches the existing slug, abort the change
|
|
if (serverSlug === slug) {
|
|
return;
|
|
}
|
|
|
|
// Because the server transforms the candidate slug by stripping
|
|
// certain characters and appending a number onto the end of slugs
|
|
// to enforce uniqueness, there are cases where we can get back a
|
|
// candidate slug that is a duplicate of the original except for
|
|
// the trailing incrementor (e.g., this-is-a-slug and this-is-a-slug-2)
|
|
|
|
// get the last token out of the slug candidate and see if it's a number
|
|
var slugTokens = serverSlug.split('-'),
|
|
check = Number(slugTokens.pop());
|
|
|
|
// if the candidate slug is the same as the existing slug except
|
|
// for the incrementor then the existing slug should be used
|
|
if (_.isNumber(check) && check > 0) {
|
|
if (slug === slugTokens.join('-') && serverSlug !== newSlug) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
self.set('slug', serverSlug);
|
|
|
|
if (self.hasObserverFor('titleScratch')) {
|
|
self.removeObserver('titleScratch', self, 'titleObserver');
|
|
}
|
|
|
|
// If this is a new post. Don't save the model. Defer the save
|
|
// to the user pressing the save button
|
|
if (self.get('isNew')) {
|
|
return;
|
|
}
|
|
|
|
// Save post model properties excluding any changes to the post body
|
|
return self.get('model').save();
|
|
}).then(function () {
|
|
self.showSuccess('Permalink successfully changed to <strong>' +
|
|
self.get('slug') + '</strong>.');
|
|
}).catch(function (errors) {
|
|
self.showErrors(errors);
|
|
self.get('model').rollback();
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Parse user's set published date.
|
|
* Action sent by post settings menu view.
|
|
* (#1351)
|
|
*/
|
|
setPublishedAt: function (userInput) {
|
|
var errMessage = '',
|
|
newPublishedAt = parseDateString(userInput),
|
|
publishedAt = this.get('published_at'),
|
|
self = this;
|
|
|
|
if (!userInput) {
|
|
//Clear out the published_at field for a draft
|
|
if (this.get('isDraft')) {
|
|
this.set('published_at', null);
|
|
}
|
|
return;
|
|
}
|
|
|
|
// Validate new Published date
|
|
if (!newPublishedAt.isValid()) {
|
|
errMessage = 'Published Date must be a valid date with format: ' +
|
|
'DD MMM YY @ HH:mm (e.g. 6 Dec 14 @ 15:00)';
|
|
}
|
|
if (newPublishedAt.diff(new Date(), 'h') > 0) {
|
|
errMessage = 'Published Date cannot currently be in the future.';
|
|
}
|
|
|
|
//If errors, notify and exit.
|
|
if (errMessage) {
|
|
this.showErrors(errMessage);
|
|
return;
|
|
}
|
|
|
|
// Do nothing if the user didn't actually change the date
|
|
if (publishedAt && publishedAt.isSame(newPublishedAt)) {
|
|
return;
|
|
}
|
|
|
|
//Validation complete
|
|
this.set('published_at', newPublishedAt);
|
|
|
|
// If this is a new post. Don't save the model. Defer the save
|
|
// to the user pressing the save button
|
|
if (this.get('isNew')) {
|
|
return;
|
|
}
|
|
|
|
this.get('model').save().then(function () {
|
|
self.showSuccess('Publish date successfully changed to <strong>' +
|
|
formatDate(self.get('published_at')) + '</strong>.');
|
|
}).catch(function (errors) {
|
|
self.showErrors(errors);
|
|
self.get('model').rollback();
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
export default PostSettingsMenuController;
|