X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/76aea3697c6043c1613370f172395b4f65ee71f0..refs/tags/wordpress-3.5-scripts:/wp-includes/js/autosave.js diff --git a/wp-includes/js/autosave.js b/wp-includes/js/autosave.js index ee0f3185..3920d360 100644 --- a/wp-includes/js/autosave.js +++ b/wp-includes/js/autosave.js @@ -1,244 +1,351 @@ -var autosaveLast = ''; -var autosavePeriodical; -var autosaveOldMessage = ''; -var autosaveDelayURL = null; -var previewwin; - -jQuery(function($) { - autosaveLast = $('#post #title').val()+$('#post #content').val(); +var autosave, autosaveLast = '', autosavePeriodical, autosaveOldMessage = '', autosaveDelayPreview = false, notSaved = true, blockSave = false, fullscreen, autosaveLockRelease = true; + +jQuery(document).ready( function($) { + + autosaveLast = ( $('#post #title').val() || '' ) + ( $('#post #content').val() || '' ); autosavePeriodical = $.schedule({time: autosaveL10n.autosaveInterval * 1000, func: function() { autosave(); }, repeat: true, protect: true}); //Disable autosave after the form has been submitted - $("#post").submit(function() { $.cancel(autosavePeriodical); }); - - // Autosave when the preview button is clicked. - $('#previewview a').click(function(e) { - autosave(); - autosaveDelayURL = this.href; - previewwin = window.open('','_blank'); + $("#post").submit(function() { + $.cancel(autosavePeriodical); + autosaveLockRelease = false; + }); + + $('input[type="submit"], a.submitdelete', '#submitpost').click(function(){ + blockSave = true; + window.onbeforeunload = null; + $(':button, :submit', '#submitpost').each(function(){ + var t = $(this); + if ( t.hasClass('button-primary') ) + t.addClass('button-primary-disabled'); + else + t.addClass('button-disabled'); + }); + if ( $(this).attr('id') == 'publish' ) + $('#major-publishing-actions .spinner').show(); + else + $('#minor-publishing .spinner').show(); + }); + + window.onbeforeunload = function(){ + var mce = typeof(tinymce) != 'undefined' ? tinymce.activeEditor : false, title, content; + + if ( mce && !mce.isHidden() ) { + if ( mce.isDirty() ) + return autosaveL10n.saveAlert; + } else { + if ( fullscreen && fullscreen.settings.visible ) { + title = $('#wp-fullscreen-title').val() || ''; + content = $("#wp_mce_fullscreen").val() || ''; + } else { + title = $('#post #title').val() || ''; + content = $('#post #content').val() || ''; + } - e.preventDefault(); + if ( ( title || content ) && title + content != autosaveLast ) + return autosaveL10n.saveAlert; + } + }; + + $(window).unload( function(e) { + if ( ! autosaveLockRelease ) + return; + + // unload fires (twice) on removing the Thickbox iframe. Make sure we process only the main document unload. + if ( e.target && e.target.nodeName != '#document' ) + return; + + $.ajax({ + type: 'POST', + url: ajaxurl, + async: false, + data: { + action: 'wp-remove-post-lock', + _wpnonce: $('#_wpnonce').val(), + post_ID: $('#post_ID').val(), + active_post_lock: $('#active_post_lock').val() + } + }); + } ); + + // preview + $('#post-preview').click(function(){ + if ( $('#auto_draft').val() == '1' && notSaved ) { + autosaveDelayPreview = true; + autosave(); + return false; + } + doPreview(); return false; }); + + doPreview = function() { + $('input#wp-preview').val('dopreview'); + $('form#post').attr('target', 'wp-preview').submit().attr('target', ''); + + /* + * Workaround for WebKit bug preventing a form submitting twice to the same action. + * https://bugs.webkit.org/show_bug.cgi?id=28633 + */ + if ( $.browser.safari ) { + $('form#post').attr('action', function(index, value) { + return value + '?t=' + new Date().getTime(); + }); + } + + $('input#wp-preview').val(''); + } + + // This code is meant to allow tabbing from Title to Post content. + $('#title').on('keydown.editor-focus', function(e) { + var ed; + + if ( e.which != 9 ) + return; + + if ( !e.ctrlKey && !e.altKey && !e.shiftKey ) { + if ( typeof(tinymce) != 'undefined' ) + ed = tinymce.get('content'); + + if ( ed && !ed.isHidden() ) { + $(this).one('keyup', function(e){ + $('#content_tbl td.mceToolbar > a').focus(); + }); + } else { + $('#content').focus(); + } + + e.preventDefault(); + } + }); + + // autosave new posts after a title is typed but not if Publish or Save Draft is clicked + if ( '1' == $('#auto_draft').val() ) { + $('#title').blur( function() { + if ( !this.value || $('#auto_draft').val() != '1' ) + return; + delayed_autosave(); + }); + } }); function autosave_parse_response(response) { - var res = wpAjax.parseAjaxResponse(response, 'autosave'); // parse the ajax response - var message = ''; + var res = wpAjax.parseAjaxResponse(response, 'autosave'), message = '', postID, sup; 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'] ) { + sup = res.responses[0].supplemental; + if ( 'disable' == sup['disable_autosave'] ) { autosave = function() {}; + autosaveLockRelease = false; res = { errors: true }; } - jQuery.each(res.responses[0].supplemental, function(selector, value) { + + if ( sup['active-post-lock'] ) { + jQuery('#active_post_lock').val( sup['active-post-lock'] ); + } + + if ( sup['alert'] ) { + jQuery('#autosave-alert').remove(); + jQuery('#titlediv').after('

' + sup['alert'] + '

'); + } + + jQuery.each(sup, function(selector, value) { if ( selector.match(/^replace-/) ) { jQuery('#'+selector.replace('replace-', '')).val(value); } }); } - // if no errors: add preview link and slug UI + // if no errors: add slug UI if ( !res.errors ) { - var postID = parseInt( res.responses[0].id ); + postID = parseInt( res.responses[0].id, 10 ); 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 ); } + if ( message ) { // update autosave message + jQuery('.autosave-message').html(message); + } else if ( autosaveOldMessage && res ) { + jQuery('.autosave-message').html( autosaveOldMessage ); + } return res; } // called when autosaving pre-existing post function autosave_saved(response) { + blockSave = false; autosave_parse_response(response); // parse the ajax response autosave_enable_buttons(); // re-enable disabled form buttons } // 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 + blockSave = false; + var res = autosave_parse_response(response), postID; 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); - }); + // An ID is sent only for real auto-saves, not for autosave=0 "keepalive" saves + postID = parseInt( res.responses[0].id, 10 ); + if ( !isNaN(postID) && postID > 0 ) { + notSaved = false; + jQuery('#auto_draft').val('0'); // No longer an auto-draft + } + autosave_enable_buttons(); + if ( autosaveDelayPreview ) { + autosaveDelayPreview = false; + doPreview(); + } } else { autosave_enable_buttons(); // re-enable disabled form buttons } } -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 - 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'); - } -} - -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(''+previewText+''); - - // Autosave when the preview button is clicked. - jQuery('#previewview a').click(function(e) { - autosave(); - autosaveDelayURL = this.href; - previewwin = window.open('','_blank'); - - e.preventDefault(); - return false; - }); - }); - } -} - 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, - { + if ( 'undefined' != makeSlugeditClickable && jQuery.isFunction(makeSlugeditClickable) && !jQuery('#edit-slug-box > *').size() ) { + jQuery.post( ajaxurl, { action: 'sample-permalink', post_id: post_id, - new_title: jQuery('#title').val(), + new_title: fullscreen && fullscreen.settings.visible ? jQuery('#wp-fullscreen-title').val() : jQuery('#title').val(), samplepermalinknonce: jQuery('#samplepermalinknonce').val() }, function(data) { - jQuery('#edit-slug-box').html(data); - make_slugedit_clickable(); + if ( data !== '-1' ) { + jQuery('#edit-slug-box').html(data); + makeSlugeditClickable(); + } } ); } } function autosave_loading() { - jQuery('#autosave').html(autosaveL10n.savingText); + jQuery('.autosave-message').html(autosaveL10n.savingText); } function autosave_enable_buttons() { - jQuery("#submitpost :button:disabled, #submitpost :submit:disabled").attr('disabled', ''); - if ( autosaveDelayURL ) { - previewwin.location = autosaveDelayURL; - autosaveDelayURL = null; - } + // delay that a bit to avoid some rare collisions while the DOM is being updated. + setTimeout(function(){ + jQuery(':button, :submit', '#submitpost').removeAttr('disabled'); + jQuery('.spinner', '#submitpost').hide(); + }, 500); } 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. + jQuery(':button, :submit', '#submitpost').prop('disabled', true); + // Re-enable 5 sec later. Just gives autosave a head start to avoid collisions. + setTimeout(autosave_enable_buttons, 5000); +} + +function delayed_autosave() { + setTimeout(function(){ + if ( blockSave ) + return; + autosave(); + }, 200); } -var autosave = function() { +autosave = function() { // (bool) is rich editor enabled and active - var rich = (typeof tinyMCE != "undefined") && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden(); - var post_data = { + blockSave = true; + var rich = (typeof tinymce != "undefined") && tinymce.activeEditor && !tinymce.activeEditor.isHidden(), + post_data, doAutoSave, ed, origStatus, successCallback; + + autosave_disable_buttons(); + + 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 }; + jQuery('.tags-input').each( function() { + post_data[this.name] = this.value; + } ); + // 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; + 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 ( rich ) { - var ed = tinyMCE.activeEditor; - if ( 'mce_fullscreen' == ed.id ) - tinyMCE.get('content').setContent(ed.getContent({format : 'raw'}), {format : 'raw'}); - tinyMCE.get('content').save(); + /* Gotta do this up here so we can check the length when tinymce is in use */ + if ( rich && doAutoSave ) { + ed = tinymce.activeEditor; + // Don't run while the tinymce spellcheck is on. It resets all found words. + if ( ed.plugins.spellchecker && ed.plugins.spellchecker.active ) { + doAutoSave = false; + } else { + if ( 'mce_fullscreen' == ed.id || 'wp_mce_fullscreen' == ed.id ) + tinymce.get('content').setContent(ed.getContent({format : 'raw'}), {format : 'raw'}); + tinymce.triggerSave(); + } } - - post_data["content"] = jQuery("#content").val(); + + if ( fullscreen && fullscreen.settings.visible ) { + post_data["post_title"] = jQuery('#wp-fullscreen-title').val() || ''; + post_data["content"] = jQuery("#wp_mce_fullscreen").val() || ''; + } else { + post_data["post_title"] = jQuery("#title").val() || ''; + 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 + 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(); - - var origStatus = jQuery('#original_post_status').val(); + origStatus = jQuery('#original_post_status').val(); - autosaveLast = jQuery("#title").val()+jQuery("#content").val(); goodcats = ([]); - jQuery("[@name='post_category[]']:checked").each( function(i) { + jQuery("[name='post_category[]']:checked").each( function(i) { goodcats.push(this.value); } ); post_data["catslist"] = goodcats.join(","); - if ( jQuery("#comment_status").attr("checked") ) + if ( jQuery("#comment_status").prop("checked") ) post_data["comment_status"] = 'open'; - if ( jQuery("#ping_status").attr("checked") ) + if ( jQuery("#ping_status").prop("checked") ) post_data["ping_status"] = 'open'; if ( jQuery("#excerpt").size() ) post_data["excerpt"] = jQuery("#excerpt").val(); if ( jQuery("#post_author").size() ) post_data["post_author"] = jQuery("#post_author").val(); + if ( jQuery("#parent_id").val() ) + post_data["parent_id"] = jQuery("#parent_id").val(); + post_data["user_ID"] = jQuery("#user-id").val(); + if ( jQuery('#auto_draft').val() == '1' ) + post_data["auto_draft"] = '1'; - // 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; - } - - if(parseInt(post_data["post_ID"]) < 1) { - post_data["temp_ID"] = post_data["post_ID"]; - var successCallback = autosave_saved_new;; // new post + if ( doAutoSave ) { + autosaveLast = post_data["post_title"] + post_data["content"]; + jQuery(document).triggerHandler('wpcountwords', [ post_data["content"] ]); } else { - var successCallback = autosave_saved; // pre-existing post + post_data['autosave'] = 0; } - if ( !doAutoSave ) { - post_data['autosave'] = 0; + if ( post_data["auto_draft"] == '1' ) { + successCallback = autosave_saved_new; // new post + } else { + successCallback = autosave_saved; // pre-existing post } autosaveOldMessage = jQuery('#autosave').html(); - jQuery.ajax({ data: post_data, beforeSend: doAutoSave ? autosave_loading : null, type: "POST", - url: autosaveL10n.requestFile, + url: ajaxurl, success: successCallback }); }