var autosaveLast = '';
var autosavePeriodical;
+var autosaveOldMessage = '';
+
+jQuery(function($) {
+ autosaveLast = $('#post #title').val()+$('#post #content').val();
+ autosavePeriodical = $.schedule({time: autosaveL10n.autosaveInterval * 1000, func: function() { autosave(); }, repeat: true, protect: true});
-function autosave_start_timer() {
- var form = $('post');
- autosaveLast = form.post_title.value+form.content.value;
- // Keep autosave_interval in sync with edit_post().
- autosavePeriodical = new PeriodicalExecuter(autosave, autosaveL10n.autosaveInterval);
//Disable autosave after the form has been submitted
- if(form.addEventListener) {
- form.addEventListener("submit", function () { autosavePeriodical.currentlyExecuting = true; }, false);
- }
- if(form.attachEvent) {
- form.save ? form.save.attachEvent("onclick", function () { autosavePeriodical.currentlyExecuting = true; }) : null;
- form.submit ? form.submit.attachEvent("onclick", function () { autosavePeriodical.currentlyExecuting = true; }) : null;
- form.publish ? form.publish.attachEvent("onclick", function () { autosavePeriodical.currentlyExecuting = true; }) : null;
- form.deletepost ? form.deletepost.attachEvent("onclick", function () { autosavePeriodical.currentlyExecuting = true; }) : null;
+ $("#post").submit(function() { $.cancel(autosavePeriodical); });
+});
+
+function autosave_parse_response(response) {
+ var res = wpAjax.parseAjaxResponse(response, 'autosave'); // parse the ajax response
+ var message = '';
+
+ if ( res && res.responses && res.responses.length ) {
+ message = res.responses[0].data; // The saved message or error.
+ // someone else is editing: disable autosave, set errors
+ if ( res.responses[0].supplemental ) {
+ if ( 'disable' == res.responses[0].supplemental['disable_autosave'] ) {
+ autosave = function() {};
+ res = { errors: true };
+ }
+ jQuery.each(res.responses[0].supplemental, function(selector, value) {
+ if ( selector.match(/^replace-/) ) {
+ jQuery('#'+selector.replace('replace-', '')).val(value);
+ }
+ });
+ }
+
+ // if no errors: add preview link and slug UI
+ if ( !res.errors ) {
+ var postID = parseInt( res.responses[0].id );
+ if ( !isNaN(postID) && postID > 0 ) {
+ autosave_update_preview_link(postID);
+ autosave_update_slug(postID);
+ }
+ }
}
+ if ( message ) { jQuery('#autosave').html(message); } // update autosave message
+ else if ( autosaveOldMessage && res ) { jQuery('#autosave').html( autosaveOldMessage ); }
+ return res;
}
-addLoadEvent(autosave_start_timer)
-function autosave_cur_time() {
- var now = new Date();
- return "" + ((now.getHours() >12) ? now.getHours() -12 : now.getHours()) +
- ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes() +
- ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
+// called when autosaving pre-existing post
+function autosave_saved(response) {
+ autosave_parse_response(response); // parse the ajax response
+ autosave_enable_buttons(); // re-enable disabled form buttons
}
-function autosave_update_nonce() {
- var response = nonceAjax.response;
- document.getElementsByName('_wpnonce')[0].value = response;
+// called when autosaving new post
+function autosave_saved_new(response) {
+ var res = autosave_parse_response(response); // parse the ajax response
+ // if no errors: update post_ID from the temporary value, grab new save-nonce for that new ID
+ if ( res && res.responses.length && !res.errors ) {
+ var tempID = jQuery('#post_ID').val();
+ var postID = parseInt( res.responses[0].id );
+ autosave_update_post_ID( postID ); // disabled form buttons are re-enabled here
+ if ( tempID < 0 && postID > 0) // update media buttons
+ jQuery('#media-buttons a').each(function(){
+ this.href = this.href.replace(tempID, postID);
+ });
+ } else {
+ autosave_enable_buttons(); // re-enable disabled form buttons
+ }
}
-function autosave_update_post_ID() {
- var response = autosaveAjax.response;
- var res = parseInt(response);
- var message;
-
- if(isNaN(res)) {
- message = autosaveL10n.errorText.replace(/%response%/g, response);
- } else {
- message = autosaveL10n.saveText.replace(/%time%/g, autosave_cur_time());
- $('post_ID').name = "post_ID";
- $('post_ID').value = res;
+function autosave_update_post_ID( postID ) {
+ if ( !isNaN(postID) && postID > 0 ) {
+ if ( postID == parseInt(jQuery('#post_ID').val()) ) { return; } // no need to do this more than once
+ jQuery('#post_ID').attr({name: "post_ID"});
+ jQuery('#post_ID').val(postID);
// We need new nonces
- nonceAjax = new sack();
- nonceAjax.element = null;
- nonceAjax.setVar("action", "autosave-generate-nonces");
- nonceAjax.setVar("post_ID", res);
- nonceAjax.setVar("cookie", document.cookie);
- nonceAjax.setVar("post_type", $('post_type').value);
- nonceAjax.requestFile = autosaveL10n.requestFile;
- nonceAjax.onCompletion = autosave_update_nonce;
- nonceAjax.method = "POST";
- nonceAjax.runAJAX();
- $('hiddenaction').value = 'editpost';
+ jQuery.post(autosaveL10n.requestFile, {
+ action: "autosave-generate-nonces",
+ post_ID: postID,
+ autosavenonce: jQuery('#autosavenonce').val(),
+ post_type: jQuery('#post_type').val()
+ }, function(html) {
+ jQuery('#_wpnonce').val(html);
+ autosave_enable_buttons(); // re-enable disabled form buttons
+ });
+ jQuery('#hiddenaction').val('editpost');
}
- $('autosave').innerHTML = message;
- autosave_enable_buttons();
}
-function autosave_loading() {
- $('autosave').innerHTML = autosaveL10n.savingText;
+function autosave_update_preview_link(post_id) {
+ // Add preview button if not already there
+ if ( !jQuery('#previewview > *').size() ) {
+ var post_type = jQuery('#post_type').val();
+ var previewText = 'page' == post_type ? autosaveL10n.previewPageText : autosaveL10n.previewPostText;
+ jQuery.post(autosaveL10n.requestFile, {
+ action: "get-permalink",
+ post_id: post_id,
+ getpermalinknonce: jQuery('#getpermalinknonce').val()
+ }, function(permalink) {
+ jQuery('#previewview').html('<a target="_blank" href="'+permalink+'" tabindex="4">'+previewText+'</a>');
+ });
+ }
}
-function autosave_saved() {
- var response = autosaveAjax.response;
- var res = parseInt(response);
- var message;
-
- if(isNaN(res)) {
- message = autosaveL10n.errorText.replace(/%response%/g, response);
- } else {
- message = autosaveL10n.saveText.replace(/%time%/g, autosave_cur_time());
+function autosave_update_slug(post_id) {
+ // create slug area only if not already there
+ if ( jQuery.isFunction(make_slugedit_clickable) && !jQuery('#edit-slug-box > *').size() ) {
+ jQuery.post(
+ slugL10n.requestFile,
+ {
+ action: 'sample-permalink',
+ post_id: post_id,
+ new_title: jQuery('#title').val(),
+ samplepermalinknonce: jQuery('#samplepermalinknonce').val()
+ },
+ function(data) {
+ jQuery('#edit-slug-box').html(data);
+ make_slugedit_clickable();
+ }
+ );
}
- $('autosave').innerHTML = message;
- autosave_enable_buttons();
}
-function autosave_disable_buttons() {
- var form = $('post');
- form.save ? form.save.disabled = 'disabled' : null;
- form.submit ? form.submit.disabled = 'disabled' : null;
- form.publish ? form.publish.disabled = 'disabled' : null;
- form.deletepost ? form.deletepost.disabled = 'disabled' : null;
- setTimeout('autosave_enable_buttons();', 1000); // Re-enable 1 sec later. Just gives autosave a head start to avoid collisions.
+function autosave_loading() {
+ jQuery('#autosave').html(autosaveL10n.savingText);
}
function autosave_enable_buttons() {
- var form = $('post');
- form.save ? form.save.disabled = '' : null;
- form.submit ? form.submit.disabled = '' : null;
- form.publish ? form.publish.disabled = '' : null;
- form.deletepost ? form.deletepost.disabled = '' : null;
+ jQuery("#submitpost :button:disabled, #submitpost :submit:disabled").attr('disabled', '');
}
-function autosave() {
- var form = $('post');
- var rich = ((typeof tinyMCE != "undefined") && tinyMCE.getInstanceById('content')) ? true : false;
+function autosave_disable_buttons() {
+ jQuery("#submitpost :button:enabled, #submitpost :submit:enabled").attr('disabled', 'disabled');
+ setTimeout(autosave_enable_buttons, 5000); // Re-enable 5 sec later. Just gives autosave a head start to avoid collisions.
+}
- autosaveAjax = new sack();
+var autosave = function() {
+ // (bool) is rich editor enabled and active
+ var rich = (typeof tinyMCE != "undefined") && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden();
+ var post_data = {
+ action: "autosave",
+ post_ID: jQuery("#post_ID").val() || 0,
+ post_title: jQuery("#title").val() || "",
+ autosavenonce: jQuery('#autosavenonce').val(),
+ tags_input: jQuery("#tags-input").val() || "",
+ post_type: jQuery('#post_type').val() || "",
+ autosave: 1
+ };
+
+ // We always send the ajax request in order to keep the post lock fresh.
+ // This (bool) tells whether or not to write the post to the DB during the ajax request.
+ var doAutoSave = true;
+
+ // No autosave while thickbox is open (media buttons)
+ if ( jQuery("#TB_window").css('display') == 'block' )
+ doAutoSave = false;
/* Gotta do this up here so we can check the length when tinyMCE is in use */
- if ( typeof tinyMCE == "undefined" || tinyMCE.configs.length < 1 || rich == false ) {
- autosaveAjax.setVar("content", form.content.value);
- } else {
- // Don't run while the TinyMCE spellcheck is on.
- if(tinyMCE.selectedInstance.spellcheckerOn) return;
- tinyMCE.wpTriggerSave();
- autosaveAjax.setVar("content", form.content.value);
- }
+ if ( rich ) { tinyMCE.triggerSave(); }
- if(form.post_title.value.length==0 || form.content.value.length==0 || form.post_title.value+form.content.value == autosaveLast)
- return;
+ post_data["content"] = jQuery("#content").val();
+ if ( jQuery('#post_name').val() )
+ post_data["post_name"] = jQuery('#post_name').val();
+
+ // Nothing to save or no change.
+ if( (post_data["post_title"].length==0 && post_data["content"].length==0) || post_data["post_title"] + post_data["content"] == autosaveLast) {
+ doAutoSave = false
+ }
autosave_disable_buttons();
- autosaveLast = form.post_title.value+form.content.value;
+ var origStatus = jQuery('#original_post_status').val();
+ if ( 'draft' != origStatus ) // autosave currently only turned on for drafts
+ doAutoSave = false;
- cats = document.getElementsByName("post_category[]");
+ autosaveLast = jQuery("#title").val()+jQuery("#content").val();
goodcats = ([]);
- for(i=0;i<cats.length;i++) {
- if(cats[i].checked)
- goodcats.push(cats[i].value);
+ jQuery("[@name='post_category[]']:checked").each( function(i) {
+ goodcats.push(this.value);
+ } );
+ post_data["catslist"] = goodcats.join(",");
+
+ if ( jQuery("#comment_status").attr("checked") )
+ post_data["comment_status"] = 'open';
+ if ( jQuery("#ping_status").attr("checked") )
+ post_data["ping_status"] = 'open';
+ if ( jQuery("#excerpt") )
+ post_data["excerpt"] = jQuery("#excerpt").val();
+ if ( jQuery("#post_author") )
+ post_data["post_author"] = jQuery("#post_author").val();
+
+ // Don't run while the TinyMCE spellcheck is on. Why? Who knows.
+ if ( rich && tinyMCE.activeEditor.plugins.spellchecker && tinyMCE.activeEditor.plugins.spellchecker.active ) {
+ doAutoSave = false;
}
- catslist = goodcats.join(",");
-
- autosaveAjax.setVar("action", "autosave");
- autosaveAjax.setVar("cookie", document.cookie);
- autosaveAjax.setVar("catslist", catslist);
- autosaveAjax.setVar("post_ID", $("post_ID").value);
- autosaveAjax.setVar("post_title", form.post_title.value);
- autosaveAjax.setVar("post_type", form.post_type.value);
- if ( form.comment_status.checked )
- autosaveAjax.setVar("comment_status", 'open');
- if ( form.ping_status.checked )
- autosaveAjax.setVar("ping_status", 'open');
- if(form.excerpt)
- autosaveAjax.setVar("excerpt", form.excerpt.value);
-
- if ( typeof tinyMCE == "undefined" || tinyMCE.configs.length < 1 || rich == false ) {
- autosaveAjax.setVar("content", form.content.value);
+
+ if(parseInt(post_data["post_ID"]) < 1) {
+ post_data["temp_ID"] = post_data["post_ID"];
+ var successCallback = autosave_saved_new;; // new post
} else {
- tinyMCE.wpTriggerSave();
- autosaveAjax.setVar("content", form.content.value);
+ var successCallback = autosave_saved; // pre-existing post
}
- autosaveAjax.requestFile = autosaveL10n.requestFile;
- autosaveAjax.method = "POST";
- autosaveAjax.element = null;
- autosaveAjax.onLoading = autosave_loading;
- autosaveAjax.onInteractive = autosave_loading;
- if(parseInt($("post_ID").value) < 1)
- autosaveAjax.onCompletion = autosave_update_post_ID;
- else
- autosaveAjax.onCompletion = autosave_saved;
- autosaveAjax.runAJAX();
+ if ( !doAutoSave ) {
+ post_data['autosave'] = 0;
+ }
+
+ autosaveOldMessage = jQuery('#autosave').html();
+
+ jQuery.ajax({
+ data: post_data,
+ beforeSend: doAutoSave ? autosave_loading : null,
+ type: "POST",
+ url: autosaveL10n.requestFile,
+ success: successCallback
+ });
}