TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 06:35:49 +03:00
Code Issues Projects Releases Wiki Activity

Enabled post setting to change published date

Browse Source 
closes #402
This commit is contained in:
ericterpstra 2013-09-15 21:22:09 -05:00
parent aa982c2d31
commit 71c99913f6
3 changed files with 79 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/client/tpl/preview.hbs
View File

@ -18,14 +18,14 @@
<input class="post-setting-slug" type="text" value="{{{slug}}}">
</div>
</li>
<!--<li class="post-setting">
<li class="post-setting">
<div class="post-setting-label">
<label for="url">Pub Date</label>
</div>
<div class="post-setting-field">
<input class="post-setting-date" type="text" value=""><span class="post-setting-calendar"></span>
<input class="post-setting-date" disabled type="text" value="">
</div>
</li>-->
</li>
<li><a href="#" class="delete">Delete</a></li>
</ul>
</section>

78
core/client/views/post-settings.js
View File

@ -1,6 +1,6 @@
// The Post Settings Menu available in the content preview screen, as well as the post editor.
/*global window, document, $, _, Backbone, Ghost */
/*global window, document, $, _, Backbone, Ghost, moment */
(function () {
"use strict";
@ -10,17 +10,30 @@
events: {
'blur .post-setting-slug' : 'editSlug',
'click .post-setting-slug' : 'selectSlug',
'blur .post-setting-date' : 'editDate',
'click .delete' : 'deletePost'
},
render: function () {
var slug = this.model ? this.model.get('slug') : '';
//var pubDate = this.model.get('published_at');
initialize: function () {
if (this.model) {
this.listenTo(this.model, 'change:status', this.render);
}
},
//pubDate = moment(pubDate).format('DD MMM YY');
render: function () {
var slug = this.model ? this.model.get('slug') : '',
pubDate = this.model ? this.model.get('published_at') : 'Not Published',
$pubDateEl = $('.post-setting-date');
$('.post-setting-slug').val(slug);
//$('.post-setting-date').val(pubDate);
// Insert the published date, and make it editable if it exists.
if (this.model && this.model.get('published_at')) {
pubDate = moment(pubDate).format('DD MMM YY');
$pubDateEl.removeAttr('disabled');
}
$pubDateEl.val(pubDate);
},
selectSlug: function (e) {
@ -57,6 +70,59 @@
});
},
editDate: function (e) {
e.preventDefault();
var self = this,
momentPubDate,
errMessage = '',
pubDate = self.model.get('published_at'),
pubDateEl = e.currentTarget,
newPubDate = pubDateEl.value;
// Ensure the published date has changed
if (newPubDate.length === 0 || pubDate === newPubDate) {
pubDateEl.value = pubDate === undefined ? 'Not Published' : moment(pubDate).format("DD MMM YY");
return;
}
// Validate new Published date
momentPubDate = moment(newPubDate, ["DD MMM YY", "DD MMM YYYY", "DD/MM/YY", "DD/MM/YYYY", "DD-MM-YY", "DD-MM-YYYY"]);
if (!momentPubDate.isValid()) {
errMessage = 'Published Date must be a valid date with format: DD MMM YY (e.g. 6 Dec 14)';
}
if (momentPubDate.diff(new Date(), 'h') > 0) {
errMessage = 'Published Date cannot currently be in the future.';
}
if (errMessage.length) {
Ghost.notifications.addItem({
type: 'error',
message: errMessage,
status: 'passive'
});
pubDateEl.value = moment(pubDate).format("DD MMM YY");
return;
}
// Save new 'Published' date
this.model.save({
published_at: momentPubDate.toDate()
}, {
success : function (model, response, options) {
pubDateEl.value = moment(model.get('published_at')).format("DD MMM YY");
},
error : function (model, xhr) {
Ghost.notifications.addItem({
type: 'error',
message: Ghost.Views.Utils.getRequestErrorMessage(xhr),
status: 'passive'
});
}
});
},
deletePost: function (e) {
e.preventDefault();
var self = this;

8
core/server/views/editor.hbs
View File

@ -43,7 +43,7 @@
<section id="entry-controls">
<a class="entry-settings" href="#" data-toggle=".menu-right"><span class="hidden">Post Settings</span></a>
<ul class="entry-settings-menu menu-right overlay">
<ul class="entry-settings-menu menu-right overlay" style="display: none">
<li class="post-setting">
<div class="post-setting-label">
<label for="url">URL</label>
@ -52,14 +52,14 @@
<input class="post-setting-slug" type="text" value="" />
</div>
</li>
<!--<li class="post-setting">
<li class="post-setting">
<div class="post-setting-label">
<label for="url">Pub Date</label>
</div>
<div class="post-setting-field">
<input class="post-setting-date" type="text" value=""><span class="post-setting-calendar"></span>
<input class="post-setting-date" disabled type="text" value=""><!--<span class="post-setting-calendar"></span>-->
</div>
</li>-->
</li>
<li><a href="#" class="delete">Delete</a></li>
</ul>
</section>