-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
});
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;
}
};
* 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();
});
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('<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);
- }
+ 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;
}
// 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();
},
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();
}
}
}
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() {
}
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));