X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/5964d2279dc52bdfe105f9bfa17e04337d47a3fa..e0bf0ae6a149125bedfeaf344114a97d5864e74d:/wp-includes/js/autosave.js diff --git a/wp-includes/js/autosave.js b/wp-includes/js/autosave.js index 3920d360..6cd6a47f 100644 --- a/wp-includes/js/autosave.js +++ b/wp-includes/js/autosave.js @@ -1,8 +1,17 @@ -var autosave, autosaveLast = '', autosavePeriodical, autosaveOldMessage = '', autosaveDelayPreview = false, notSaved = true, blockSave = false, fullscreen, autosaveLockRelease = true; +var autosave, autosaveLast = '', autosavePeriodical, autosaveDelayPreview = false, notSaved = true, blockSave = false, fullscreen, autosaveLockRelease = true; jQuery(document).ready( function($) { - autosaveLast = ( $('#post #title').val() || '' ) + ( $('#post #content').val() || '' ); + if ( $('#wp-content-wrap').hasClass('tmce-active') && typeof switchEditors != 'undefined' ) { + autosaveLast = wp.autosave.getCompareString({ + post_title : $('#title').val() || '', + content : switchEditors.pre_wpautop( $('#content').val() ) || '', + excerpt : $('#excerpt').val() || '' + }); + } else { + autosaveLast = wp.autosave.getCompareString(); + } + autosavePeriodical = $.schedule({time: autosaveL10n.autosaveInterval * 1000, func: function() { autosave(); }, repeat: true, protect: true}); //Disable autosave after the form has been submitted @@ -28,21 +37,23 @@ jQuery(document).ready( function($) { }); window.onbeforeunload = function(){ - var mce = typeof(tinymce) != 'undefined' ? tinymce.activeEditor : false, title, content; + var editor = typeof(tinymce) != 'undefined' ? tinymce.activeEditor : false, compareString; - if ( mce && !mce.isHidden() ) { - if ( mce.isDirty() ) + if ( editor && ! editor.isHidden() ) { + if ( editor.isDirty() ) return autosaveL10n.saveAlert; } else { if ( fullscreen && fullscreen.settings.visible ) { - title = $('#wp-fullscreen-title').val() || ''; - content = $("#wp_mce_fullscreen").val() || ''; + compareString = wp.autosave.getCompareString({ + post_title: $('#wp-fullscreen-title').val() || '', + content: $('#wp_mce_fullscreen').val() || '', + excerpt: $('#excerpt').val() || '' + }); } else { - title = $('#post #title').val() || ''; - content = $('#post #content').val() || ''; + compareString = wp.autosave.getCompareString(); } - if ( ( title || content ) && title + content != autosaveLast ) + if ( compareString != autosaveLast ) return autosaveL10n.saveAlert; } }; @@ -87,7 +98,8 @@ jQuery(document).ready( function($) { * 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 ) { + var ua = navigator.userAgent.toLowerCase(); + if ( ua.indexOf('safari') != -1 && ua.indexOf('chrome') == -1 ) { $('form#post').attr('action', function(index, value) { return value + '?t=' + new Date().getTime(); }); @@ -127,51 +139,46 @@ jQuery(document).ready( function($) { delayed_autosave(); }); } + + // When connection is lost, keep user from submitting changes. + $(document).on('heartbeat-connection-lost.autosave', function( e, error ) { + if ( 'timeout' === error ) { + var notice = $('#lost-connection-notice'); + if ( ! wp.autosave.local.hasStorage ) { + notice.find('.hide-if-no-sessionstorage').hide(); + } + notice.show(); + autosave_disable_buttons(); + } + }).on('heartbeat-connection-restored.autosave', function() { + $('#lost-connection-notice').hide(); + autosave_enable_buttons(); + }); }); -function autosave_parse_response(response) { - var res = wpAjax.parseAjaxResponse(response, 'autosave'), message = '', postID, sup; +function autosave_parse_response( response ) { + var res = wpAjax.parseAjaxResponse(response, 'autosave'), post_id, 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 ) { sup = res.responses[0].supplemental; - if ( 'disable' == sup['disable_autosave'] ) { - autosave = function() {}; - autosaveLockRelease = false; - res = { errors: true }; - } - - 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); - } + jQuery.each( sup, function( selector, value ) { + if ( selector.match(/^replace-/) ) + jQuery( '#' + selector.replace('replace-', '') ).val( value ); }); } - // if no errors: add slug UI + // if no errors: add slug UI and update autosave-message if ( !res.errors ) { - postID = parseInt( res.responses[0].id, 10 ); - if ( !isNaN(postID) && postID > 0 ) { - autosave_update_slug(postID); - } + if ( post_id = parseInt( res.responses[0].id, 10 ) ) + autosave_update_slug( post_id ); + + if ( res.responses[0].data ) // update autosave message + jQuery('.autosave-message').text( res.responses[0].data ); } } - if ( message ) { // update autosave message - jQuery('.autosave-message').html(message); - } else if ( autosaveOldMessage && res ) { - jQuery('.autosave-message').html( autosaveOldMessage ); - } + return res; } @@ -185,15 +192,19 @@ function autosave_saved(response) { // called when autosaving new post function autosave_saved_new(response) { blockSave = false; - var res = autosave_parse_response(response), postID; + var res = autosave_parse_response(response), post_id; + if ( res && res.responses.length && !res.errors ) { // 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 ) { + post_id = parseInt( res.responses[0].id, 10 ); + + if ( post_id ) { notSaved = false; jQuery('#auto_draft').val('0'); // No longer an auto-draft } + autosave_enable_buttons(); + if ( autosaveDelayPreview ) { autosaveDelayPreview = false; doPreview(); @@ -214,7 +225,13 @@ function autosave_update_slug(post_id) { }, function(data) { if ( data !== '-1' ) { - jQuery('#edit-slug-box').html(data); + var box = jQuery('#edit-slug-box'); + box.html(data); + if (box.hasClass('hidden')) { + box.fadeIn('fast', function () { + box.removeClass('hidden'); + }); + } makeSlugeditClickable(); } } @@ -227,17 +244,22 @@ function autosave_loading() { } function autosave_enable_buttons() { - // 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); + jQuery(document).trigger('autosave-enable-buttons'); + if ( ! wp.heartbeat || ! wp.heartbeat.hasConnectionError() ) { + // delay that a bit to avoid some rare collisions while the DOM is being updated. + setTimeout(function(){ + var parent = jQuery('#submitpost'); + parent.find(':button, :submit').removeAttr('disabled'); + parent.find('.spinner').hide(); + }, 500); + } } function autosave_disable_buttons() { - jQuery(':button, :submit', '#submitpost').prop('disabled', true); + jQuery(document).trigger('autosave-disable-buttons'); + jQuery('#submitpost').find(':button, :submit').prop('disabled', true); // Re-enable 5 sec later. Just gives autosave a head start to avoid collisions. - setTimeout(autosave_enable_buttons, 5000); + setTimeout( autosave_enable_buttons, 5000 ); } function delayed_autosave() { @@ -249,103 +271,432 @@ function delayed_autosave() { } autosave = function() { - // (bool) is rich editor enabled and active + var post_data = wp.autosave.getPostData(), + compareString, + successCallback; + blockSave = true; - var rich = (typeof tinymce != "undefined") && tinymce.activeEditor && !tinymce.activeEditor.isHidden(), - post_data, doAutoSave, ed, origStatus, successCallback; - autosave_disable_buttons(); + // post_data.content cannot be retrieved at the moment + if ( ! post_data.autosave ) + return false; - post_data = { - action: "autosave", - post_ID: jQuery("#post_ID").val() || 0, - autosavenonce: jQuery('#autosavenonce').val(), - post_type: jQuery('#post_type').val() || "", - autosave: 1 - }; + // No autosave while thickbox is open (media buttons) + if ( jQuery("#TB_window").css('display') == 'block' ) + return false; - jQuery('.tags-input').each( function() { - post_data[this.name] = this.value; - } ); + compareString = wp.autosave.getCompareString( post_data ); - // 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. - doAutoSave = true; + // Nothing to save or no change. + if ( compareString == autosaveLast ) + return false; - // No autosave while thickbox is open (media buttons) - if ( jQuery("#TB_window").css('display') == 'block' ) - doAutoSave = false; + autosaveLast = compareString; + jQuery(document).triggerHandler('wpcountwords', [ post_data["content"] ]); + + // Disable buttons until we know the save completed. + autosave_disable_buttons(); + + if ( post_data["auto_draft"] == '1' ) { + successCallback = autosave_saved_new; // new post + } else { + successCallback = autosave_saved; // pre-existing post + } + + jQuery.ajax({ + data: post_data, + beforeSend: autosave_loading, + type: "POST", + url: ajaxurl, + success: successCallback + }); + + return true; +} - /* Gotta do this up here so we can check the length when tinymce is in use */ - if ( rich && doAutoSave ) { - ed = tinymce.activeEditor; +// Autosave in localStorage +// set as simple object/mixin for now +window.wp = window.wp || {}; +wp.autosave = wp.autosave || {}; + +(function($){ +// Returns the data for saving in both localStorage and autosaves to the server +wp.autosave.getPostData = function() { + var ed = typeof tinymce != 'undefined' ? tinymce.activeEditor : null, post_name, parent_id, cats = [], + data = { + action: 'autosave', + autosave: true, + post_id: $('#post_ID').val() || 0, + autosavenonce: $('#autosavenonce').val() || '', + post_type: $('#post_type').val() || '', + post_author: $('#post_author').val() || '', + excerpt: $('#excerpt').val() || '' + }; + + if ( ed && !ed.isHidden() ) { // Don't run while the tinymce spellcheck is on. It resets all found words. if ( ed.plugins.spellchecker && ed.plugins.spellchecker.active ) { - doAutoSave = false; + data.autosave = false; + return data; } else { - if ( 'mce_fullscreen' == ed.id || 'wp_mce_fullscreen' == ed.id ) + if ( '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() || ''; + if ( typeof fullscreen != 'undefined' && fullscreen.settings.visible ) { + data['post_title'] = $('#wp-fullscreen-title').val() || ''; + data['content'] = $('#wp_mce_fullscreen').val() || ''; } else { - post_data["post_title"] = jQuery("#title").val() || ''; - post_data["content"] = jQuery("#content").val() || ''; + data['post_title'] = $('#title').val() || ''; + data['content'] = $('#content').val() || ''; } - if ( jQuery('#post_name').val() ) - post_data["post_name"] = jQuery('#post_name').val(); + /* + // We haven't been saving tags with autosave since 2.8... Start again? + $('.the-tags').each( function() { + data[this.name] = this.value; + }); + */ - // 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; - } + $('input[id^="in-category-"]:checked').each( function() { + cats.push(this.value); + }); + data['catslist'] = cats.join(','); - origStatus = jQuery('#original_post_status').val(); + if ( post_name = $('#post_name').val() ) + data['post_name'] = post_name; - goodcats = ([]); - jQuery("[name='post_category[]']:checked").each( function(i) { - goodcats.push(this.value); - } ); - post_data["catslist"] = goodcats.join(","); - - if ( jQuery("#comment_status").prop("checked") ) - post_data["comment_status"] = 'open'; - 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'; - - if ( doAutoSave ) { - autosaveLast = post_data["post_title"] + post_data["content"]; - jQuery(document).triggerHandler('wpcountwords', [ post_data["content"] ]); - } else { - post_data['autosave'] = 0; + if ( parent_id = $('#parent_id').val() ) + data['parent_id'] = parent_id; + + if ( $('#comment_status').prop('checked') ) + data['comment_status'] = 'open'; + + if ( $('#ping_status').prop('checked') ) + data['ping_status'] = 'open'; + + if ( $('#auto_draft').val() == '1' ) + data['auto_draft'] = '1'; + + return data; +}; + +// Concatenate title, content and excerpt. Used to track changes when auto-saving. +wp.autosave.getCompareString = function( post_data ) { + if ( typeof post_data === 'object' ) { + return ( post_data.post_title || '' ) + '::' + ( post_data.content || '' ) + '::' + ( post_data.excerpt || '' ); } - if ( post_data["auto_draft"] == '1' ) { - successCallback = autosave_saved_new; // new post - } else { - successCallback = autosave_saved; // pre-existing post + return ( $('#title').val() || '' ) + '::' + ( $('#content').val() || '' ) + '::' + ( $('#excerpt').val() || '' ); +}; + +wp.autosave.local = { + + lastSavedData: '', + blog_id: 0, + hasStorage: false, + + // Check if the browser supports sessionStorage and it's not disabled + checkStorage: function() { + var test = Math.random(), result = false; + + try { + sessionStorage.setItem('wp-test', test); + result = sessionStorage.getItem('wp-test') == test; + sessionStorage.removeItem('wp-test'); + } catch(e) {} + + this.hasStorage = result; + return result; + }, + + /** + * Initialize the local storage + * + * @return mixed False if no sessionStorage in the browser or an Object containing all post_data for this blog + */ + getStorage: function() { + var stored_obj = false; + // Separate local storage containers for each blog_id + if ( this.hasStorage && this.blog_id ) { + stored_obj = sessionStorage.getItem( 'wp-autosave-' + this.blog_id ); + + if ( stored_obj ) + stored_obj = JSON.parse( stored_obj ); + else + stored_obj = {}; + } + + return stored_obj; + }, + + /** + * Set the storage for this blog + * + * Confirms that the data was saved successfully. + * + * @return bool + */ + setStorage: function( stored_obj ) { + var key; + + if ( this.hasStorage && this.blog_id ) { + key = 'wp-autosave-' + this.blog_id; + sessionStorage.setItem( key, JSON.stringify( stored_obj ) ); + return sessionStorage.getItem( key ) !== null; + } + + return false; + }, + + /** + * Get the saved post data for the current post + * + * @return mixed False if no storage or no data or the post_data as an Object + */ + getData: function() { + var stored = this.getStorage(), post_id = $('#post_ID').val(); + + if ( !stored || !post_id ) + return false; + + return stored[ 'post_' + post_id ] || false; + }, + + /** + * Set (save or delete) post data in the storage. + * + * If stored_data evaluates to 'false' the storage key for the current post will be removed + * + * $param stored_data The post data to store or null/false/empty to delete the key + * @return bool + */ + setData: function( stored_data ) { + var stored = this.getStorage(), post_id = $('#post_ID').val(); + + if ( !stored || !post_id ) + return false; + + if ( stored_data ) + stored[ 'post_' + post_id ] = stored_data; + else if ( stored.hasOwnProperty( 'post_' + post_id ) ) + delete stored[ 'post_' + post_id ]; + else + return false; + + return this.setStorage(stored); + }, + + /** + * Save post data for the current post + * + * Runs on a 15 sec. schedule, saves when there are differences in the post title or content. + * When the optional data is provided, updates the last saved post data. + * + * $param data optional Object The post data for saving, minimum 'post_title' and 'content' + * @return bool + */ + save: function( data ) { + var result = false, post_data, compareString; + + if ( ! data ) { + post_data = wp.autosave.getPostData(); + } else { + post_data = this.getData() || {}; + $.extend( post_data, data ); + post_data.autosave = true; + } + + // Cannot get the post data at the moment + if ( ! post_data.autosave ) + return false; + + compareString = wp.autosave.getCompareString( post_data ); + + // If the content, title and excerpt did not change since the last save, don't save again + if ( compareString == this.lastSavedData ) + return false; + + post_data['save_time'] = (new Date()).getTime(); + post_data['status'] = $('#post_status').val() || ''; + result = this.setData( post_data ); + + if ( result ) + this.lastSavedData = compareString; + + return result; + }, + + // Initialize and run checkPost() on loading the script (before TinyMCE init) + init: function( settings ) { + var self = this; + + // Check if the browser supports sessionStorage and it's not disabled + if ( ! this.checkStorage() ) + return; + + // Don't run if the post type supports neither 'editor' (textarea#content) nor 'excerpt'. + if ( ! $('#content').length && ! $('#excerpt').length ) + return; + + if ( settings ) + $.extend( this, settings ); + + if ( !this.blog_id ) + this.blog_id = typeof window.autosaveL10n != 'undefined' ? window.autosaveL10n.blog_id : 0; + + $(document).ready( function(){ self.run(); } ); + }, + + // Run on DOM ready + run: function() { + var self = this; + + // Check if the local post data is different than the loaded post data. + this.checkPost(); + + // Set the schedule + this.schedule = $.schedule({ + time: 15 * 1000, + func: function() { wp.autosave.local.save(); }, + repeat: true, + protect: true + }); + + $('form#post').on('submit.autosave-local', function() { + var editor = typeof tinymce != 'undefined' && tinymce.get('content'), post_id = $('#post_ID').val() || 0; + + if ( editor && ! editor.isHidden() ) { + // Last onSubmit event in the editor, needs to run after the content has been moved to the textarea. + editor.onSubmit.add( function() { + wp.autosave.local.save({ + post_title: $('#title').val() || '', + content: $('#content').val() || '', + excerpt: $('#excerpt').val() || '' + }); + }); + } else { + self.save({ + post_title: $('#title').val() || '', + content: $('#content').val() || '', + excerpt: $('#excerpt').val() || '' + }); + } + + wpCookies.set( 'wp-saving-post-' + post_id, 'check' ); + }); + }, + + // Strip whitespace and compare two strings + compare: function( str1, str2 ) { + function remove( string ) { + return string.toString().replace(/[\x20\t\r\n\f]+/g, ''); + } + + return ( remove( str1 || '' ) == remove( str2 || '' ) ); + }, + + /** + * Check if the saved data for the current post (if any) is different than the loaded post data on the screen + * + * Shows a standard message letting the user restore the post data if different. + * + * @return void + */ + checkPost: function() { + var self = this, post_data = this.getData(), content, post_title, excerpt, notice, + post_id = $('#post_ID').val() || 0, cookie = wpCookies.get( 'wp-saving-post-' + post_id ); + + if ( ! post_data ) + return; + + if ( cookie ) { + wpCookies.remove( 'wp-saving-post-' + post_id ); + + if ( cookie == 'saved' ) { + // The post was saved properly, remove old data and bail + this.setData( false ); + return; + } + } + + // There is a newer autosave. Don't show two "restore" notices at the same time. + if ( $('#has-newer-autosave').length ) + return; + + content = $('#content').val() || ''; + post_title = $('#title').val() || ''; + excerpt = $('#excerpt').val() || ''; + + if ( $('#wp-content-wrap').hasClass('tmce-active') && typeof switchEditors != 'undefined' ) + content = switchEditors.pre_wpautop( content ); + + // cookie == 'check' means the post was not saved properly, always show #local-storage-notice + if ( cookie != 'check' && this.compare( content, post_data.content ) && this.compare( post_title, post_data.post_title ) && this.compare( excerpt, post_data.excerpt ) ) { + return; + } + + this.restore_post_data = post_data; + this.undo_post_data = { + content: content, + post_title: post_title, + excerpt: excerpt + }; + + notice = $('#local-storage-notice'); + $('.wrap h2').first().after( notice.addClass('updated').show() ); + + notice.on( 'click', function(e) { + var target = $( e.target ); + + if ( target.hasClass('restore-backup') ) { + self.restorePost( self.restore_post_data ); + target.parent().hide(); + $(this).find('p.undo-restore').show(); + } else if ( target.hasClass('undo-restore-backup') ) { + self.restorePost( self.undo_post_data ); + target.parent().hide(); + $(this).find('p.local-restore').show(); + } + + e.preventDefault(); + }); + }, + + // Restore the current title, content and excerpt from post_data. + restorePost: function( post_data ) { + var editor; + + if ( post_data ) { + // Set the last saved data + this.lastSavedData = wp.autosave.getCompareString( post_data ); + + if ( $('#title').val() != post_data.post_title ) + $('#title').focus().val( post_data.post_title || '' ); + + $('#excerpt').val( post_data.excerpt || '' ); + editor = typeof tinymce != 'undefined' && tinymce.get('content'); + + if ( editor && ! editor.isHidden() && typeof switchEditors != 'undefined' ) { + // Make sure there's an undo level in the editor + editor.undoManager.add(); + editor.setContent( post_data.content ? switchEditors.wpautop( post_data.content ) : '' ); + } else { + // Make sure the Text editor is selected + $('#content-html').click(); + $('#content').val( post_data.content ); + } + + return true; + } + + return false; } +}; - autosaveOldMessage = jQuery('#autosave').html(); - jQuery.ajax({ - data: post_data, - beforeSend: doAutoSave ? autosave_loading : null, - type: "POST", - url: ajaxurl, - success: successCallback - }); -} +wp.autosave.local.init(); + +}(jQuery));