]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/js/autosave.js
WordPress 3.5-scripts
[autoinstalls/wordpress.git] / wp-includes / js / autosave.js
index b0a2fa5627a3317b533afcfaa90dd7e06b9d6c20..3920d36061c733fe92eee655c397474224f7f7c6 100644 (file)
-var autosaveLast = '';
-var autosavePeriodical;
-var autosaveOldMessage = '';
+var autosave, autosaveLast = '', autosavePeriodical, autosaveOldMessage = '', autosaveDelayPreview = false, notSaved = true, blockSave = false, fullscreen, autosaveLockRelease = true;
 
-jQuery(function($) {
-       autosaveLast = $('#post #title').val()+$('#post #content').val();
+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); });
+       $("#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() || '';
+                       }
+
+                       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('<div id="autosave-alert" class="error below-h2"><p>' + sup['alert'] + '</p></div>');
+                       }
+
+                       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('<a target="_blank" href="'+permalink+'" tabindex="4">'+previewText+'</a>');
-               });
-       }
-}
-
 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', '');
+       // 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 ) { tinyMCE.triggerSave(); }
+       /* 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();
+               }
+       }
+
+       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() || '';
+       }
 
-       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();
+       origStatus = jQuery('#original_post_status').val();
 
-       var origStatus = jQuery('#original_post_status').val();
-       if ( 'draft' != origStatus ) // autosave currently only turned on for drafts
-               doAutoSave = false;
-
-       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") )
+       if ( jQuery("#excerpt").size() )
                post_data["excerpt"] = jQuery("#excerpt").val();
-       if ( jQuery("#post_author") )
+       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
        });
 }