-var tagBox, commentsBox, editPermalink, makeSlugeditClickable, WPSetThumbnailHTML, WPSetThumbnailID, WPRemoveThumbnail, wptitlehint;
-
-// return an array with any duplicate, whitespace or values removed
-function array_unique_noempty(a) {
- var out = [];
- jQuery.each( a, function(key, val) {
- val = jQuery.trim(val);
- if ( val && jQuery.inArray(val, out) == -1 )
- out.push(val);
- } );
- return out;
-}
-
-(function($){
-
-tagBox = {
- clean : function(tags) {
- var comma = postL10n.comma;
- if ( ',' !== comma )
- tags = tags.replace(new RegExp(comma, 'g'), ',');
- tags = tags.replace(/\s*,\s*/g, ',').replace(/,+/g, ',').replace(/[,\s]+$/, '').replace(/^[,\s]+/, '');
- if ( ',' !== comma )
- tags = tags.replace(/,/g, comma);
- return tags;
- },
-
- parseTags : function(el) {
- var id = el.id, num = id.split('-check-num-')[1], taxbox = $(el).closest('.tagsdiv'),
- thetags = taxbox.find('.the-tags'), comma = postL10n.comma,
- current_tags = thetags.val().split(comma), new_tags = [];
- delete current_tags[num];
-
- $.each( current_tags, function(key, val) {
- val = $.trim(val);
- if ( val ) {
- new_tags.push(val);
+/* global postL10n, ajaxurl, wpAjax, setPostThumbnailL10n, postboxes, pagenow, tinymce, alert, deleteUserSetting */
+/* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply */
+
+/**
+ * Contains all dynamic functionality needed on post and term pages.
+ *
+ * @summary Control page and term functionality.
+ */
+
+var commentsBox, WPSetThumbnailHTML, WPSetThumbnailID, WPRemoveThumbnail, wptitlehint, makeSlugeditClickable, editPermalink;
+// Backwards compatibility: prevent fatal errors.
+makeSlugeditClickable = editPermalink = function(){};
+
+// Make sure the wp object exists.
+window.wp = window.wp || {};
+
+( function( $ ) {
+ var titleHasFocus = false;
+
+ /**
+ * Control loading of comments on the post and term edit pages.
+ *
+ * @type {{st: number, get: commentsBox.get, load: commentsBox.load}}
+ *
+ * @namespace commentsBox
+ */
+ commentsBox = {
+ // Comment offset to use when fetching new comments.
+ st : 0,
+
+ /**
+ * Fetch comments using AJAX and display them in the box.
+ *
+ * @param {int} total Total number of comments for this post.
+ * @param {int} num Optional. Number of comments to fetch, defaults to 20.
+ * @returns {boolean} Always returns false.
+ *
+ * @memberof commentsBox
+ */
+ get : function(total, num) {
+ var st = this.st, data;
+ if ( ! num )
+ num = 20;
+
+ this.st += num;
+ this.total = total;
+ $( '#commentsdiv .spinner' ).addClass( 'is-active' );
+
+ data = {
+ 'action' : 'get-comments',
+ 'mode' : 'single',
+ '_ajax_nonce' : $('#add_comment_nonce').val(),
+ 'p' : $('#post_ID').val(),
+ 'start' : st,
+ 'number' : num
+ };
+
+ $.post(
+ ajaxurl,
+ data,
+ function(r) {
+ r = wpAjax.parseAjaxResponse(r);
+ $('#commentsdiv .widefat').show();
+ $( '#commentsdiv .spinner' ).removeClass( 'is-active' );
+
+ if ( 'object' == typeof r && r.responses[0] ) {
+ $('#the-comment-list').append( r.responses[0].data );
+
+ theList = theExtraList = null;
+ $( 'a[className*=\':\']' ).unbind();
+
+ // If the offset is over the total number of comments we cannot fetch any more, so hide the button.
+ if ( commentsBox.st > commentsBox.total )
+ $('#show-comments').hide();
+ else
+ $('#show-comments').show().children('a').html(postL10n.showcomm);
+
+ return;
+ } else if ( 1 == r ) {
+ $('#show-comments').html(postL10n.endcomm);
+ return;
+ }
+
+ $('#the-comment-list').append('<tr><td colspan="2">'+wpAjax.broken+'</td></tr>');
+ }
+ );
+
+ return false;
+ },
+
+ /**
+ * Load the next batch of comments.
+ *
+ * @param {int} total Total number of comments to load.
+ *
+ * @memberof commentsBox
+ */
+ load: function(total){
+ this.st = jQuery('#the-comment-list tr.comment:visible').length;
+ this.get(total);
+ }
+ };
+
+ /**
+ * Overwrite the content of the Featured Image postbox
+ *
+ * @param {string} html New HTML to be displayed in the content area of the postbox.
+ *
+ * @global
+ */
+ WPSetThumbnailHTML = function(html){
+ $('.inside', '#postimagediv').html(html);
+ };
+
+ /**
+ * Set the Image ID of the Featured Image
+ *
+ * @param {int} id The post_id of the image to use as Featured Image.
+ *
+ * @global
+ */
+ WPSetThumbnailID = function(id){
+ var field = $('input[value="_thumbnail_id"]', '#list-table');
+ if ( field.length > 0 ) {
+ $('#meta\\[' + field.attr('id').match(/[0-9]+/) + '\\]\\[value\\]').text(id);
+ }
+ };
+
+ /**
+ * Remove the Featured Image
+ *
+ * @param {string} nonce Nonce to use in the request.
+ *
+ * @global
+ */
+ WPRemoveThumbnail = function(nonce){
+ $.post(ajaxurl, {
+ action: 'set-post-thumbnail', post_id: $( '#post_ID' ).val(), thumbnail_id: -1, _ajax_nonce: nonce, cookie: encodeURIComponent( document.cookie )
+ },
+ /**
+ * Handle server response
+ *
+ * @param {string} str Response, will be '0' when an error occurred otherwise contains link to add Featured Image.
+ */
+ function(str){
+ if ( str == '0' ) {
+ alert( setPostThumbnailL10n.error );
+ } else {
+ WPSetThumbnailHTML(str);
}
- });
+ }
+ );
+ };
+
+ /**
+ * Heartbeat locks.
+ *
+ * Used to lock editing of an object by only one user at a time.
+ *
+ * When the user does not send a heartbeat in a heartbeat-time
+ * the user is no longer editing and another user can start editing.
+ */
+ $(document).on( 'heartbeat-send.refresh-lock', function( e, data ) {
+ var lock = $('#active_post_lock').val(),
+ post_id = $('#post_ID').val(),
+ send = {};
+
+ if ( ! post_id || ! $('#post-lock-dialog').length )
+ return;
+
+ send.post_id = post_id;
+
+ if ( lock )
+ send.lock = lock;
+
+ data['wp-refresh-post-lock'] = send;
+
+ }).on( 'heartbeat-tick.refresh-lock', function( e, data ) {
+ // Post locks: update the lock string or show the dialog if somebody has taken over editing.
+ var received, wrap, avatar;
+
+ if ( data['wp-refresh-post-lock'] ) {
+ received = data['wp-refresh-post-lock'];
+
+ if ( received.lock_error ) {
+ // Show "editing taken over" message.
+ wrap = $('#post-lock-dialog');
+
+ if ( wrap.length && ! wrap.is(':visible') ) {
+ if ( wp.autosave ) {
+ // Save the latest changes and disable.
+ $(document).one( 'heartbeat-tick', function() {
+ wp.autosave.server.suspend();
+ wrap.removeClass('saving').addClass('saved');
+ $(window).off( 'beforeunload.edit-post' );
+ });
+
+ wrap.addClass('saving');
+ wp.autosave.server.triggerSave();
+ }
+
+ if ( received.lock_error.avatar_src ) {
+ avatar = $( '<img class="avatar avatar-64 photo" width="64" height="64" alt="" />' ).attr( 'src', received.lock_error.avatar_src.replace( /&/g, '&' ) );
+ wrap.find('div.post-locked-avatar').empty().append( avatar );
+ }
+
+ wrap.show().find('.currently-editing').text( received.lock_error.text );
+ wrap.find('.wp-tab-first').focus();
+ }
+ } else if ( received.new_lock ) {
+ $('#active_post_lock').val( received.new_lock );
+ }
+ }
+ }).on( 'before-autosave.update-post-slug', function() {
+ titleHasFocus = document.activeElement && document.activeElement.id === 'title';
+ }).on( 'after-autosave.update-post-slug', function() {
+
+ /*
+ * Create slug area only if not already there
+ * and the title field was not focused (user was not typing a title) when autosave ran.
+ */
+ if ( ! $('#edit-slug-box > *').length && ! titleHasFocus ) {
+ $.post( ajaxurl, {
+ action: 'sample-permalink',
+ post_id: $('#post_ID').val(),
+ new_title: $('#title').val(),
+ samplepermalinknonce: $('#samplepermalinknonce').val()
+ },
+ function( data ) {
+ if ( data != '-1' ) {
+ $('#edit-slug-box').html(data);
+ }
+ }
+ );
+ }
+ });
+
+}(jQuery));
+
+/**
+ * Heartbeat refresh nonces.
+ */
+(function($) {
+ var check, timeout;
+
+ /**
+ * Only allow to check for nonce refresh every 30 seconds.
+ */
+ function schedule() {
+ check = false;
+ window.clearTimeout( timeout );
+ timeout = window.setTimeout( function(){ check = true; }, 300000 );
+ }
+
+ $(document).on( 'heartbeat-send.wp-refresh-nonces', function( e, data ) {
+ var post_id,
+ $authCheck = $('#wp-auth-check-wrap');
+
+ if ( check || ( $authCheck.length && ! $authCheck.hasClass( 'hidden' ) ) ) {
+ if ( ( post_id = $('#post_ID').val() ) && $('#_wpnonce').val() ) {
+ data['wp-refresh-post-nonces'] = {
+ post_id: post_id
+ };
+ }
+ }
+ }).on( 'heartbeat-tick.wp-refresh-nonces', function( e, data ) {
+ var nonces = data['wp-refresh-post-nonces'];
+
+ if ( nonces ) {
+ schedule();
- thetags.val( this.clean( new_tags.join(comma) ) );
+ if ( nonces.replace ) {
+ $.each( nonces.replace, function( selector, value ) {
+ $( '#' + selector ).val( value );
+ });
+ }
+
+ if ( nonces.heartbeatNonce )
+ window.heartbeatSettings.nonce = nonces.heartbeatNonce;
+ }
+ }).ready( function() {
+ schedule();
+ });
+}(jQuery));
+
+/**
+ * All post and postbox controls and functionality.
+ */
+jQuery(document).ready( function($) {
+ var stamp, visibility, $submitButtons, updateVisibility, updateText,
+ sticky = '',
+ $textarea = $('#content'),
+ $document = $(document),
+ postId = $('#post_ID').val() || 0,
+ $submitpost = $('#submitpost'),
+ releaseLock = true,
+ $postVisibilitySelect = $('#post-visibility-select'),
+ $timestampdiv = $('#timestampdiv'),
+ $postStatusSelect = $('#post-status-select'),
+ isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false;
- this.quickClicks(taxbox);
- return false;
- },
+ postboxes.add_postbox_toggles(pagenow);
- quickClicks : function(el) {
- var thetags = $('.the-tags', el),
- tagchecklist = $('.tagchecklist', el),
- id = $(el).attr('id'),
- current_tags, disabled;
+ /*
+ * Clear the window name. Otherwise if this is a former preview window where the user navigated to edit another post,
+ * and the first post is still being edited, clicking Preview there will use this window to show the preview.
+ */
+ window.name = '';
- if ( !thetags.length )
+ // Post locks: contain focus inside the dialog. If the dialog is shown, focus the first item.
+ $('#post-lock-dialog .notification-dialog').on( 'keydown', function(e) {
+ // Don't do anything when [tab] is pressed.
+ if ( e.which != 9 )
return;
- disabled = thetags.prop('disabled');
+ var target = $(e.target);
+
+ // [shift] + [tab] on first tab cycles back to last tab.
+ if ( target.hasClass('wp-tab-first') && e.shiftKey ) {
+ $(this).find('.wp-tab-last').focus();
+ e.preventDefault();
+ // [tab] on last tab cycles back to first tab.
+ } else if ( target.hasClass('wp-tab-last') && ! e.shiftKey ) {
+ $(this).find('.wp-tab-first').focus();
+ e.preventDefault();
+ }
+ }).filter(':visible').find('.wp-tab-first').focus();
+
+ // Set the heartbeat interval to 15 sec. if post lock dialogs are enabled.
+ if ( wp.heartbeat && $('#post-lock-dialog').length ) {
+ wp.heartbeat.interval( 15 );
+ }
- current_tags = thetags.val().split(postL10n.comma);
- tagchecklist.empty();
+ // The form is being submitted by the user.
+ $submitButtons = $submitpost.find( ':submit, a.submitdelete, #post-preview' ).on( 'click.edit-post', function( event ) {
+ var $button = $(this);
- $.each( current_tags, function( key, val ) {
- var span, xbutton;
+ if ( $button.hasClass('disabled') ) {
+ event.preventDefault();
+ return;
+ }
- val = $.trim( val );
+ if ( $button.hasClass('submitdelete') || $button.is( '#post-preview' ) ) {
+ return;
+ }
- if ( ! val )
+ // The form submission can be blocked from JS or by using HTML 5.0 validation on some fields.
+ // Run this only on an actual 'submit'.
+ $('form#post').off( 'submit.edit-post' ).on( 'submit.edit-post', function( event ) {
+ if ( event.isDefaultPrevented() ) {
return;
+ }
+
+ // Stop auto save.
+ if ( wp.autosave ) {
+ wp.autosave.server.suspend();
+ }
- // Create a new span, and ensure the text is properly escaped.
- span = $('<span />').text( val );
+ if ( typeof commentReply !== 'undefined' ) {
+ /*
+ * Warn the user they have an unsaved comment before submitting
+ * the post data for update.
+ */
+ if ( ! commentReply.discardCommentChanges() ) {
+ return false;
+ }
- // If tags editing isn't disabled, create the X button.
- if ( ! disabled ) {
- xbutton = $( '<a id="' + id + '-check-num-' + key + '" class="ntdelbutton">X</a>' );
- xbutton.click( function(){ tagBox.parseTags(this); });
- span.prepend(' ').prepend( xbutton );
+ /*
+ * Close the comment edit/reply form if open to stop the form
+ * action from interfering with the post's form action.
+ */
+ commentReply.close();
}
- // Append the span to the tag list.
- tagchecklist.append( span );
- });
- },
-
- flushTags : function(el, a, f) {
- a = a || false;
- var tags = $('.the-tags', el),
- newtag = $('input.newtag', el),
- comma = postL10n.comma,
- newtags, text;
-
- text = a ? $(a).text() : newtag.val();
- tagsval = tags.val();
- newtags = tagsval ? tagsval + comma + text : text;
-
- newtags = this.clean( newtags );
- newtags = array_unique_noempty( newtags.split(comma) ).join(comma);
- tags.val(newtags);
- this.quickClicks(el);
-
- if ( !a )
- newtag.val('');
- if ( 'undefined' == typeof(f) )
- newtag.focus();
-
- return false;
- },
-
- get : function(id) {
- var tax = id.substr(id.indexOf('-')+1);
-
- $.post(ajaxurl, {'action':'get-tagcloud', 'tax':tax}, function(r, stat) {
- if ( 0 == r || 'success' != stat )
- r = wpAjax.broken;
-
- r = $('<p id="tagcloud-'+tax+'" class="the-tagcloud">'+r+'</p>');
- $('a', r).click(function(){
- tagBox.flushTags( $(this).closest('.inside').children('.tagsdiv'), this);
- return false;
- });
+ releaseLock = false;
+ $(window).off( 'beforeunload.edit-post' );
- $('#'+id).after(r);
+ $submitButtons.addClass( 'disabled' );
+
+ if ( $button.attr('id') === 'publish' ) {
+ $submitpost.find( '#major-publishing-actions .spinner' ).addClass( 'is-active' );
+ } else {
+ $submitpost.find( '#minor-publishing .spinner' ).addClass( 'is-active' );
+ }
});
- },
+ });
- init : function() {
- var t = this, ajaxtag = $('div.ajaxtag');
+ // Submit the form saving a draft or an autosave, and show a preview in a new tab
+ $('#post-preview').on( 'click.post-preview', function( event ) {
+ var $this = $(this),
+ $form = $('form#post'),
+ $previewField = $('input#wp-preview'),
+ target = $this.attr('target') || 'wp-preview',
+ ua = navigator.userAgent.toLowerCase();
- $('.tagsdiv').each( function() {
- tagBox.quickClicks(this);
- });
+ event.preventDefault();
- $('input.tagadd', ajaxtag).click(function(){
- t.flushTags( $(this).closest('.tagsdiv') );
- });
+ if ( $this.hasClass('disabled') ) {
+ return;
+ }
- $('div.taghint', ajaxtag).click(function(){
- $(this).css('visibility', 'hidden').parent().siblings('.newtag').focus();
- });
+ if ( wp.autosave ) {
+ wp.autosave.server.tempBlockSave();
+ }
- $('input.newtag', ajaxtag).blur(function() {
- if ( this.value == '' )
- $(this).parent().siblings('.taghint').css('visibility', '');
- }).focus(function(){
- $(this).parent().siblings('.taghint').css('visibility', 'hidden');
- }).keyup(function(e){
- if ( 13 == e.which ) {
- tagBox.flushTags( $(this).closest('.tagsdiv') );
- return false;
+ $previewField.val('dopreview');
+ $form.attr( 'target', target ).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 ( ua.indexOf('safari') !== -1 && ua.indexOf('chrome') === -1 ) {
+ $form.attr( 'action', function( index, value ) {
+ return value + '?t=' + ( new Date() ).getTime();
+ });
+ }
+
+ $previewField.val('');
+ });
+
+ // This code is meant to allow tabbing from Title to Post content.
+ $('#title').on( 'keydown.editor-focus', function( event ) {
+ var editor;
+
+ if ( event.keyCode === 9 && ! event.ctrlKey && ! event.altKey && ! event.shiftKey ) {
+ editor = typeof tinymce != 'undefined' && tinymce.get('content');
+
+ if ( editor && ! editor.isHidden() ) {
+ editor.focus();
+ } else if ( $textarea.length ) {
+ $textarea.focus();
+ } else {
+ return;
}
- }).keypress(function(e){
- if ( 13 == e.which ) {
- e.preventDefault();
- return false;
+
+ event.preventDefault();
+ }
+ });
+
+ // Auto save new posts after a title is typed.
+ if ( $( '#auto_draft' ).val() ) {
+ $( '#title' ).blur( function() {
+ var cancel;
+
+ if ( ! this.value || $('#edit-slug-box > *').length ) {
+ return;
}
- }).each(function(){
- var tax = $(this).closest('div.tagsdiv').attr('id');
- $(this).suggest( ajaxurl + '?action=ajax-tag-search&tax=' + tax, { delay: 500, minchars: 2, multiple: true, multipleSep: postL10n.comma + ' ' } );
- });
- // save tags on post save/publish
- $('#post').submit(function(){
- $('div.tagsdiv').each( function() {
- tagBox.flushTags(this, false, 1);
+ // Cancel the auto save when the blur was triggered by the user submitting the form.
+ $('form#post').one( 'submit', function() {
+ cancel = true;
});
- });
- // tag cloud
- $('a.tagcloud-link').click(function(){
- if ( ! $('.the-tagcloud').length )
- tagBox.get( $(this).attr('id') );
- $(this).siblings('.the-tagcloud').toggle();
- return false;
+ window.setTimeout( function() {
+ if ( ! cancel && wp.autosave ) {
+ wp.autosave.server.triggerSave();
+ }
+ }, 200 );
});
}
-};
-
-commentsBox = {
- st : 0,
-
- get : function(total, num) {
- var st = this.st, data;
- if ( ! num )
- num = 20;
-
- this.st += num;
- this.total = total;
- $('#commentsdiv .spinner').show();
-
- data = {
- 'action' : 'get-comments',
- 'mode' : 'single',
- '_ajax_nonce' : $('#add_comment_nonce').val(),
- 'p' : $('#post_ID').val(),
- 'start' : st,
- 'number' : num
- };
- $.post(ajaxurl, data,
- function(r) {
- r = wpAjax.parseAjaxResponse(r);
- $('#commentsdiv .widefat').show();
- $('#commentsdiv .spinner').hide();
-
- if ( 'object' == typeof r && r.responses[0] ) {
- $('#the-comment-list').append( r.responses[0].data );
+ $document.on( 'autosave-disable-buttons.edit-post', function() {
+ $submitButtons.addClass( 'disabled' );
+ }).on( 'autosave-enable-buttons.edit-post', function() {
+ if ( ! wp.heartbeat || ! wp.heartbeat.hasConnectionError() ) {
+ $submitButtons.removeClass( 'disabled' );
+ }
+ }).on( 'before-autosave.edit-post', function() {
+ $( '.autosave-message' ).text( postL10n.savingText );
+ }).on( 'after-autosave.edit-post', function( event, data ) {
+ $( '.autosave-message' ).text( data.message );
- theList = theExtraList = null;
- $("a[className*=':']").unbind();
+ if ( $( document.body ).hasClass( 'post-new-php' ) ) {
+ $( '.submitbox .submitdelete' ).show();
+ }
+ });
- if ( commentsBox.st > commentsBox.total )
- $('#show-comments').hide();
- else
- $('#show-comments').show().children('a').html(postL10n.showcomm);
+ /*
+ * When the user is trying to load another page, or reloads current page
+ * show a confirmation dialog when there are unsaved changes.
+ */
+ $(window).on( 'beforeunload.edit-post', function() {
+ var editor = typeof tinymce !== 'undefined' && tinymce.get('content');
- return;
- } else if ( 1 == r ) {
- $('#show-comments').html(postL10n.endcomm);
- return;
- }
+ if ( ( editor && ! editor.isHidden() && editor.isDirty() ) ||
+ ( wp.autosave && wp.autosave.server.postChanged() ) ) {
- $('#the-comment-list').append('<tr><td colspan="2">'+wpAjax.broken+'</td></tr>');
- }
- );
+ return postL10n.saveAlert;
+ }
+ }).on( 'unload.edit-post', function( event ) {
+ if ( ! releaseLock ) {
+ return;
+ }
- return false;
- }
-};
+ /*
+ * Unload is triggered (by hand) on removing the Thickbox iframe.
+ * Make sure we process only the main document unload.
+ */
+ if ( event.target && event.target.nodeName != '#document' ) {
+ return;
+ }
-WPSetThumbnailHTML = function(html){
- $('.inside', '#postimagediv').html(html);
-};
+ var postID = $('#post_ID').val();
+ var postLock = $('#active_post_lock').val();
-WPSetThumbnailID = function(id){
- var field = $('input[value="_thumbnail_id"]', '#list-table');
- if ( field.size() > 0 ) {
- $('#meta\\[' + field.attr('id').match(/[0-9]+/) + '\\]\\[value\\]').text(id);
- }
-};
-
-WPRemoveThumbnail = function(nonce){
- $.post(ajaxurl, {
- action:"set-post-thumbnail", post_id: $('#post_ID').val(), thumbnail_id: -1, _ajax_nonce: nonce, cookie: encodeURIComponent(document.cookie)
- }, function(str){
- if ( str == '0' ) {
- alert( setPostThumbnailL10n.error );
- } else {
- WPSetThumbnailHTML(str);
+ if ( ! postID || ! postLock ) {
+ return;
}
- }
- );
-};
-})(jQuery);
+ var data = {
+ action: 'wp-remove-post-lock',
+ _wpnonce: $('#_wpnonce').val(),
+ post_ID: postID,
+ active_post_lock: postLock
+ };
-jQuery(document).ready( function($) {
- var stamp, visibility, sticky = '', last = 0, co = $('#content');
+ if ( window.FormData && window.navigator.sendBeacon ) {
+ var formData = new window.FormData();
- postboxes.add_postbox_toggles(pagenow);
+ $.each( data, function( key, value ) {
+ formData.append( key, value );
+ });
+
+ if ( window.navigator.sendBeacon( ajaxurl, formData ) ) {
+ return;
+ }
+ }
+
+ // Fall back to a synchronous POST request.
+ // See https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon
+ $.post({
+ async: false,
+ data: data,
+ url: ajaxurl
+ });
+ });
- // multi-taxonomies
+ // Multiple Taxonomies.
if ( $('#tagsdiv-post_tag').length ) {
- tagBox.init();
+ window.tagBox && window.tagBox.init();
} else {
- $('#side-sortables, #normal-sortables, #advanced-sortables').children('div.postbox').each(function(){
+ $('.meta-box-sortables').children('div.postbox').each(function(){
if ( this.id.indexOf('tagsdiv-') === 0 ) {
- tagBox.init();
+ window.tagBox && window.tagBox.init();
return false;
}
});
}
- // categories
+ // Handle categories.
$('.categorydiv').each( function(){
- var this_id = $(this).attr('id'), noSyncChecks = false, syncChecks, catAddAfter, taxonomyParts, taxonomy, settingName;
+ var this_id = $(this).attr('id'), catAddBefore, catAddAfter, taxonomyParts, taxonomy, settingName;
taxonomyParts = this_id.split('-');
taxonomyParts.shift();
taxonomy = taxonomyParts.join('-');
settingName = taxonomy + '_tab';
- if ( taxonomy == 'category' )
+
+ if ( taxonomy == 'category' ) {
settingName = 'cats';
+ }
// TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js
- $('a', '#' + taxonomy + '-tabs').click( function(){
+ $('a', '#' + taxonomy + '-tabs').click( function( e ) {
+ e.preventDefault();
var t = $(this).attr('href');
$(this).parent().addClass('tabs').siblings('li').removeClass('tabs');
$('#' + taxonomy + '-tabs').siblings('.tabs-panel').hide();
$(t).show();
- if ( '#' + taxonomy + '-all' == t )
- deleteUserSetting(settingName);
- else
- setUserSetting(settingName, 'pop');
- return false;
+ if ( '#' + taxonomy + '-all' == t ) {
+ deleteUserSetting( settingName );
+ } else {
+ setUserSetting( settingName, 'pop' );
+ }
});
- if ( getUserSetting(settingName) )
+ if ( getUserSetting( settingName ) )
$('a[href="#' + taxonomy + '-pop"]', '#' + taxonomy + '-tabs').click();
- // Ajax Cat
- $('#new' + taxonomy).one( 'focus', function() { $(this).val( '' ).removeClass( 'form-input-tip' ) } );
+ // Add category button controls.
+ $('#new' + taxonomy).one( 'focus', function() {
+ $( this ).val( '' ).removeClass( 'form-input-tip' );
+ });
+ // On [enter] submit the taxonomy.
$('#new' + taxonomy).keypress( function(event){
if( 13 === event.keyCode ) {
- event.preventDefault();
- $('#' + taxonomy + '-add-submit').click();
+ event.preventDefault();
+ $('#' + taxonomy + '-add-submit').click();
}
});
- $('#' + taxonomy + '-add-submit').click( function(){ $('#new' + taxonomy).focus(); });
- syncChecks = function() {
- if ( noSyncChecks )
- return;
- noSyncChecks = true;
- var th = jQuery(this), c = th.is(':checked'), id = th.val().toString();
- $('#in-' + taxonomy + '-' + id + ', #in-' + taxonomy + '-category-' + id).prop( 'checked', c );
- noSyncChecks = false;
- };
+ // After submitting a new taxonomy, re-focus the input field.
+ $('#' + taxonomy + '-add-submit').click( function() {
+ $('#new' + taxonomy).focus();
+ });
+ /**
+ * Before adding a new taxonomy, disable submit button.
+ *
+ * @param {Object} s Taxonomy object which will be added.
+ *
+ * @returns {Object}
+ */
catAddBefore = function( s ) {
- if ( !$('#new'+taxonomy).val() )
+ if ( !$('#new'+taxonomy).val() ) {
return false;
+ }
+
s.data += '&' + $( ':checked', '#'+taxonomy+'checklist' ).serialize();
$( '#' + taxonomy + '-add-submit' ).prop( 'disabled', true );
return s;
};
+ /**
+ * Re-enable submit button after a taxonomy has been added.
+ *
+ * Re-enable submit button.
+ * If the taxonomy has a parent place the taxonomy underneath the parent.
+ *
+ * @param {Object} r Response.
+ * @param {Object} s Taxonomy data.
+ *
+ * @returns void
+ */
catAddAfter = function( r, s ) {
var sup, drop = $('#new'+taxonomy+'_parent');
addAfter: catAddAfter
});
- $('#' + taxonomy + '-add-toggle').click( function() {
+ // Add new taxonomy button toggles input form visibility.
+ $('#' + taxonomy + '-add-toggle').click( function( e ) {
+ e.preventDefault();
$('#' + taxonomy + '-adder').toggleClass( 'wp-hidden-children' );
$('a[href="#' + taxonomy + '-all"]', '#' + taxonomy + '-tabs').click();
$('#new'+taxonomy).focus();
- return false;
});
- $('#' + taxonomy + 'checklist li.popular-category input[type="checkbox"], #' + taxonomy + 'checklist-pop input[type="checkbox"]').live( 'click', function(){
+ // Sync checked items between "All {taxonomy}" and "Most used" lists.
+ $('#' + taxonomy + 'checklist, #' + taxonomy + 'checklist-pop').on( 'click', 'li.popular-category > label input[type="checkbox"]', function() {
var t = $(this), c = t.is(':checked'), id = t.val();
if ( id && t.parents('#taxonomy-'+taxonomy).length )
$('#in-' + taxonomy + '-' + id + ', #in-popular-' + taxonomy + '-' + id).prop( 'checked', c );
}); // end cats
- // Custom Fields
+ // Custom Fields postbox.
if ( $('#postcustom').length ) {
- $('#the-list').wpList( { addAfter: function( xml, s ) {
- $('table#list-table').show();
- }, addBefore: function( s ) {
- s.data += '&post_id=' + $('#post_ID').val();
- return s;
- }
+ $( '#the-list' ).wpList( {
+ /**
+ * Add current post_ID to request to fetch custom fields
+ *
+ * @param {Object} s Request object.
+ *
+ * @returns {Object} Data modified with post_ID attached.
+ */
+ addBefore: function( s ) {
+ s.data += '&post_id=' + $('#post_ID').val();
+ return s;
+ },
+ /**
+ * Show the listing of custom fields after fetching.
+ */
+ addAfter: function() {
+ $('table#list-table').show();
+ }
});
}
- // submitdiv
+ /*
+ * Publish Post box (#submitdiv)
+ */
if ( $('#submitdiv').length ) {
stamp = $('#timestamp').html();
visibility = $('#post-visibility-display').html();
- function updateVisibility() {
- var pvSelect = $('#post-visibility-select');
- if ( $('input:radio:checked', pvSelect).val() != 'public' ) {
+ /**
+ * When the visibility of a post changes sub-options should be shown or hidden.
+ *
+ * @returns void
+ */
+ updateVisibility = function() {
+ // Show sticky for public posts.
+ if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
$('#sticky').prop('checked', false);
$('#sticky-span').hide();
} else {
$('#sticky-span').show();
}
- if ( $('input:radio:checked', pvSelect).val() != 'password' ) {
+
+ // Show password input field for password protected post.
+ if ( $postVisibilitySelect.find('input:radio:checked').val() != 'password' ) {
$('#password-span').hide();
} else {
$('#password-span').show();
}
- }
+ };
- function updateText() {
+ /**
+ * Make sure all labels represent the current settings.
+ *
+ * @returns {boolean} False when an invalid timestamp has been selected, otherwise True.
+ */
+ updateText = function() {
- if ( ! $('#timestampdiv').length )
+ if ( ! $timestampdiv.length )
return true;
var attemptedDate, originalDate, currentDate, publishOn, postStatus = $('#post_status'),
originalDate = new Date( $('#hidden_aa').val(), $('#hidden_mm').val() -1, $('#hidden_jj').val(), $('#hidden_hh').val(), $('#hidden_mn').val() );
currentDate = new Date( $('#cur_aa').val(), $('#cur_mm').val() -1, $('#cur_jj').val(), $('#cur_hh').val(), $('#cur_mn').val() );
+ // Catch unexpected date problems.
if ( attemptedDate.getFullYear() != aa || (1 + attemptedDate.getMonth()) != mm || attemptedDate.getDate() != jj || attemptedDate.getMinutes() != mn ) {
- $('.timestamp-wrap', '#timestampdiv').addClass('form-invalid');
+ $timestampdiv.find('.timestamp-wrap').addClass('form-invalid');
return false;
} else {
- $('.timestamp-wrap', '#timestampdiv').removeClass('form-invalid');
+ $timestampdiv.find('.timestamp-wrap').removeClass('form-invalid');
}
+ // Determine what the publish should be depending on the date and post status.
if ( attemptedDate > currentDate && $('#original_post_status').val() != 'future' ) {
publishOn = postL10n.publishOnFuture;
$('#publish').val( postL10n.schedule );
publishOn = postL10n.publishOnPast;
$('#publish').val( postL10n.update );
}
- if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) { //hack
+
+ // If the date is the same, set it to trigger update events.
+ if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) {
+ // Re-set to the current value.
$('#timestamp').html(stamp);
} else {
$('#timestamp').html(
- publishOn + ' <b>' +
- $('option[value="' + $('#mm').val() + '"]', '#mm').text() + ' ' +
- jj + ', ' +
- aa + ' @ ' +
- hh + ':' +
- mn + '</b> '
+ '\n' + publishOn + ' <b>' +
+ postL10n.dateFormat
+ .replace( '%1$s', $( 'option[value="' + mm + '"]', '#mm' ).attr( 'data-text' ) )
+ .replace( '%2$s', parseInt( jj, 10 ) )
+ .replace( '%3$s', aa )
+ .replace( '%4$s', ( '00' + hh ).slice( -2 ) )
+ .replace( '%5$s', ( '00' + mn ).slice( -2 ) ) +
+ '</b> '
);
}
- if ( $('input:radio:checked', '#post-visibility-select').val() == 'private' ) {
+ // Add "privately published" to post status when applies.
+ if ( $postVisibilitySelect.find('input:radio:checked').val() == 'private' ) {
$('#publish').val( postL10n.update );
- if ( optPublish.length == 0 ) {
+ if ( 0 === optPublish.length ) {
postStatus.append('<option value="publish">' + postL10n.privatelyPublished + '</option>');
} else {
optPublish.html( postL10n.privatelyPublished );
}
$('option[value="publish"]', postStatus).prop('selected', true);
- $('.edit-post-status', '#misc-publishing-actions').hide();
+ $('#misc-publishing-actions .edit-post-status').hide();
} else {
if ( $('#original_post_status').val() == 'future' || $('#original_post_status').val() == 'draft' ) {
if ( optPublish.length ) {
optPublish.html( postL10n.published );
}
if ( postStatus.is(':hidden') )
- $('.edit-post-status', '#misc-publishing-actions').show();
+ $('#misc-publishing-actions .edit-post-status').show();
}
+
+ // Update "Status:" to currently selected status.
$('#post-status-display').html($('option:selected', postStatus).text());
+
+ // Show or hide the "Save Draft" button.
if ( $('option:selected', postStatus).val() == 'private' || $('option:selected', postStatus).val() == 'publish' ) {
$('#save-post').hide();
} else {
}
}
return true;
- }
+ };
- $('.edit-visibility', '#visibility').click(function () {
- if ($('#post-visibility-select').is(":hidden")) {
+ // Show the visibility options and hide the toggle button when opened.
+ $( '#visibility .edit-visibility').click( function( e ) {
+ e.preventDefault();
+ if ( $postVisibilitySelect.is(':hidden') ) {
updateVisibility();
- $('#post-visibility-select').slideDown('fast');
+ $postVisibilitySelect.slideDown( 'fast', function() {
+ $postVisibilitySelect.find( 'input[type="radio"]' ).first().focus();
+ } );
$(this).hide();
}
- return false;
});
- $('.cancel-post-visibility', '#post-visibility-select').click(function () {
- $('#post-visibility-select').slideUp('fast');
+ // Cancel visibility selection area and hide it from view.
+ $postVisibilitySelect.find('.cancel-post-visibility').click( function( event ) {
+ $postVisibilitySelect.slideUp('fast');
$('#visibility-radio-' + $('#hidden-post-visibility').val()).prop('checked', true);
- $('#post_password').val($('#hidden_post_password').val());
+ $('#post_password').val($('#hidden-post-password').val());
$('#sticky').prop('checked', $('#hidden-post-sticky').prop('checked'));
$('#post-visibility-display').html(visibility);
- $('.edit-visibility', '#visibility').show();
+ $('#visibility .edit-visibility').show().focus();
updateText();
- return false;
+ event.preventDefault();
});
- $('.save-post-visibility', '#post-visibility-select').click(function () { // crazyhorse - multiple ok cancels
- var pvSelect = $('#post-visibility-select');
-
- pvSelect.slideUp('fast');
- $('.edit-visibility', '#visibility').show();
+ // Set the selected visibility as current.
+ $postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // crazyhorse - multiple ok cancels
+ $postVisibilitySelect.slideUp('fast');
+ $('#visibility .edit-visibility').show().focus();
updateText();
- if ( $('input:radio:checked', pvSelect).val() != 'public' ) {
+ if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
$('#sticky').prop('checked', false);
- } // WEAPON LOCKED
+ }
- if ( true == $('#sticky').prop('checked') ) {
+ if ( $('#sticky').prop('checked') ) {
sticky = 'Sticky';
} else {
sticky = '';
}
- $('#post-visibility-display').html( postL10n[$('input:radio:checked', pvSelect).val() + sticky] );
- return false;
+ $('#post-visibility-display').html( postL10n[ $postVisibilitySelect.find('input:radio:checked').val() + sticky ] );
+ event.preventDefault();
});
- $('input:radio', '#post-visibility-select').change(function() {
+ // When the selection changes, update labels.
+ $postVisibilitySelect.find('input:radio').change( function() {
updateVisibility();
});
- $('#timestampdiv').siblings('a.edit-timestamp').click(function() {
- if ($('#timestampdiv').is(":hidden")) {
- $('#timestampdiv').slideDown('fast');
- $('#mm').focus();
+ // Edit publish time click.
+ $timestampdiv.siblings('a.edit-timestamp').click( function( event ) {
+ if ( $timestampdiv.is( ':hidden' ) ) {
+ $timestampdiv.slideDown( 'fast', function() {
+ $( 'input, select', $timestampdiv.find( '.timestamp-wrap' ) ).first().focus();
+ } );
$(this).hide();
}
- return false;
+ event.preventDefault();
});
- $('.cancel-timestamp', '#timestampdiv').click(function() {
- $('#timestampdiv').slideUp('fast');
+ // Cancel editing the publish time and hide the settings.
+ $timestampdiv.find('.cancel-timestamp').click( function( event ) {
+ $timestampdiv.slideUp('fast').siblings('a.edit-timestamp').show().focus();
$('#mm').val($('#hidden_mm').val());
$('#jj').val($('#hidden_jj').val());
$('#aa').val($('#hidden_aa').val());
$('#hh').val($('#hidden_hh').val());
$('#mn').val($('#hidden_mn').val());
- $('#timestampdiv').siblings('a.edit-timestamp').show();
updateText();
- return false;
+ event.preventDefault();
});
- $('.save-timestamp', '#timestampdiv').click(function () { // crazyhorse - multiple ok cancels
+ // Save the changed timestamp.
+ $timestampdiv.find('.save-timestamp').click( function( event ) { // crazyhorse - multiple ok cancels
if ( updateText() ) {
- $('#timestampdiv').slideUp('fast');
- $('#timestampdiv').siblings('a.edit-timestamp').show();
+ $timestampdiv.slideUp('fast');
+ $timestampdiv.siblings('a.edit-timestamp').show().focus();
}
- return false;
+ event.preventDefault();
});
- $('#post').on( 'submit', function(e){
+ // Cancel submit when an invalid timestamp has been selected.
+ $('#post').on( 'submit', function( event ) {
if ( ! updateText() ) {
- e.preventDefault();
- $('#timestampdiv').show();
- $('#publishing-action .spinner').hide();
- $('#publish').prop('disabled', false).removeClass('button-primary-disabled');
- return false;
+ event.preventDefault();
+ $timestampdiv.show();
+
+ if ( wp.autosave ) {
+ wp.autosave.enableButtons();
+ }
+
+ $( '#publishing-action .spinner' ).removeClass( 'is-active' );
}
});
- $('#post-status-select').siblings('a.edit-post-status').click(function() {
- if ($('#post-status-select').is(":hidden")) {
- $('#post-status-select').slideDown('fast');
+ // Post Status edit click.
+ $postStatusSelect.siblings('a.edit-post-status').click( function( event ) {
+ if ( $postStatusSelect.is( ':hidden' ) ) {
+ $postStatusSelect.slideDown( 'fast', function() {
+ $postStatusSelect.find('select').focus();
+ } );
$(this).hide();
}
- return false;
+ event.preventDefault();
});
- $('.save-post-status', '#post-status-select').click(function() {
- $('#post-status-select').slideUp('fast');
- $('#post-status-select').siblings('a.edit-post-status').show();
+ // Save the Post Status changes and hide the options.
+ $postStatusSelect.find('.save-post-status').click( function( event ) {
+ $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus();
updateText();
- return false;
+ event.preventDefault();
});
- $('.cancel-post-status', '#post-status-select').click(function() {
- $('#post-status-select').slideUp('fast');
- $('#post_status').val($('#hidden_post_status').val());
- $('#post-status-select').siblings('a.edit-post-status').show();
+ // Cancel Post Status editing and hide the options.
+ $postStatusSelect.find('.cancel-post-status').click( function( event ) {
+ $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus();
+ $('#post_status').val( $('#hidden_post_status').val() );
updateText();
- return false;
+ event.preventDefault();
});
- } // end submitdiv
-
- // permalink
- if ( $('#edit-slug-box').length ) {
- editPermalink = function(post_id) {
- var i, c = 0, e = $('#editable-post-name'), revert_e = e.html(), real_slug = $('#post_name'), revert_slug = real_slug.val(), b = $('#edit-slug-buttons'), revert_b = b.html(), full = $('#editable-post-name-full').html();
-
- $('#view-post-btn').hide();
- b.html('<a href="#" class="save button button-small">'+postL10n.ok+'</a> <a class="cancel" href="#">'+postL10n.cancel+'</a>');
- b.children('.save').click(function() {
- var new_slug = e.children('input').val();
- if ( new_slug == $('#editable-post-name-full').text() ) {
- return $('.cancel', '#edit-slug-buttons').click();
- }
- $.post(ajaxurl, {
+ }
+
+ /**
+ * Handle the editing of the post_name. Create the required HTML elements and update the changes via AJAX.
+ *
+ * @summary Permalink aka slug aka post_name editing
+ *
+ * @global
+ *
+ * @returns void
+ */
+ function editPermalink() {
+ var i, slug_value,
+ $el, revert_e,
+ c = 0,
+ real_slug = $('#post_name'),
+ revert_slug = real_slug.val(),
+ permalink = $( '#sample-permalink' ),
+ permalinkOrig = permalink.html(),
+ permalinkInner = $( '#sample-permalink a' ).html(),
+ buttons = $('#edit-slug-buttons'),
+ buttonsOrig = buttons.html(),
+ full = $('#editable-post-name-full');
+
+ // Deal with Twemoji in the post-name.
+ full.find( 'img' ).replaceWith( function() { return this.alt; } );
+ full = full.html();
+
+ permalink.html( permalinkInner );
+
+ // Save current content to revert to when cancelling.
+ $el = $( '#editable-post-name' );
+ revert_e = $el.html();
+
+ buttons.html( '<button type="button" class="save button button-small">' + postL10n.ok + '</button> <button type="button" class="cancel button-link">' + postL10n.cancel + '</button>' );
+
+ // Save permalink changes.
+ buttons.children( '.save' ).click( function() {
+ var new_slug = $el.children( 'input' ).val();
+
+ if ( new_slug == $('#editable-post-name-full').text() ) {
+ buttons.children('.cancel').click();
+ return;
+ }
+
+ $.post(
+ ajaxurl,
+ {
action: 'sample-permalink',
- post_id: post_id,
+ post_id: postId,
new_slug: new_slug,
new_title: $('#title').val(),
samplepermalinknonce: $('#samplepermalinknonce').val()
- }, function(data) {
- $('#edit-slug-box').html(data);
- b.html(revert_b);
- real_slug.val(new_slug);
- makeSlugeditClickable();
- $('#view-post-btn').show();
- });
- return false;
- });
-
- $('.cancel', '#edit-slug-buttons').click(function() {
- $('#view-post-btn').show();
- e.html(revert_e);
- b.html(revert_b);
- real_slug.val(revert_slug);
- return false;
- });
-
- for ( i = 0; i < full.length; ++i ) {
- if ( '%' == full.charAt(i) )
- c++;
- }
+ },
+ function(data) {
+ var box = $('#edit-slug-box');
+ box.html(data);
+ if (box.hasClass('hidden')) {
+ box.fadeIn('fast', function () {
+ box.removeClass('hidden');
+ });
+ }
- slug_value = ( c > full.length / 4 ) ? '' : full;
- e.html('<input type="text" id="new-post-slug" value="'+slug_value+'" />').children('input').keypress(function(e){
- var key = e.keyCode || 0;
- // on enter, just save the new slug, don't save the post
- if ( 13 == key ) {
- b.children('.save').click();
- return false;
- }
- if ( 27 == key ) {
- b.children('.cancel').click();
- return false;
+ buttons.html(buttonsOrig);
+ permalink.html(permalinkOrig);
+ real_slug.val(new_slug);
+ $( '.edit-slug' ).focus();
+ wp.a11y.speak( postL10n.permalinkSaved );
}
- real_slug.val(this.value);
- }).focus();
- }
-
- makeSlugeditClickable = function() {
- $('#editable-post-name').click(function() {
- $('#edit-slug-buttons').children('.edit-slug').click();
- });
- }
- makeSlugeditClickable();
- }
-
- // word count
- if ( typeof(wpWordCount) != 'undefined' ) {
- $(document).triggerHandler('wpcountwords', [ co.val() ]);
-
- co.keyup( function(e) {
- var k = e.keyCode || e.charCode;
+ );
+ });
- if ( k == last )
- return true;
+ // Cancel editing of permalink.
+ buttons.children( '.cancel' ).click( function() {
+ $('#view-post-btn').show();
+ $el.html(revert_e);
+ buttons.html(buttonsOrig);
+ permalink.html(permalinkOrig);
+ real_slug.val(revert_slug);
+ $( '.edit-slug' ).focus();
+ });
- if ( 13 == k || 8 == last || 46 == last )
- $(document).triggerHandler('wpcountwords', [ co.val() ]);
+ // If more than 1/4th of 'full' is '%', make it empty.
+ for ( i = 0; i < full.length; ++i ) {
+ if ( '%' == full.charAt(i) )
+ c++;
+ }
+ slug_value = ( c > full.length / 4 ) ? '' : full;
- last = k;
- return true;
- });
+ $el.html( '<input type="text" id="new-post-slug" value="' + slug_value + '" autocomplete="off" />' ).children( 'input' ).keydown( function( e ) {
+ var key = e.which;
+ // On [enter], just save the new slug, don't save the post.
+ if ( 13 === key ) {
+ e.preventDefault();
+ buttons.children( '.save' ).click();
+ }
+ // On [esc] cancel the editing.
+ if ( 27 === key ) {
+ buttons.children( '.cancel' ).click();
+ }
+ } ).keyup( function() {
+ real_slug.val( this.value );
+ }).focus();
}
+ $( '#titlediv' ).on( 'click', '.edit-slug', function() {
+ editPermalink();
+ });
+
+ /**
+ * Add screen reader text to the title prompt when needed.
+ *
+ * @summary Title screen reader text handler.
+ *
+ * @param {string} id Optional. HTML ID to add the screen reader helper text to.
+ *
+ * @global
+ *
+ * @returns void
+ */
wptitlehint = function(id) {
id = id || 'title';
var title = $('#' + id), titleprompt = $('#' + id + '-prompt-text');
- if ( title.val() == '' )
+ if ( '' === title.val() )
titleprompt.removeClass('screen-reader-text');
titleprompt.click(function(){
});
title.blur(function(){
- if ( this.value == '' )
+ if ( '' === this.value )
titleprompt.removeClass('screen-reader-text');
}).focus(function(){
titleprompt.addClass('screen-reader-text');
titleprompt.addClass('screen-reader-text');
$(this).unbind(e);
});
- }
+ };
wptitlehint();
- // resizable textarea#content
- (function() {
- var textarea = $('textarea#content'), offset = null, el;
- // No point for touch devices
- if ( 'ontouchstart' in window )
+ // Resize the WYSIWYG and plain text editors.
+ ( function() {
+ var editor, offset, mce,
+ $handle = $('#post-status-info'),
+ $postdivrich = $('#postdivrich');
+
+ // If there are no textareas or we are on a touch device, we can't do anything.
+ if ( ! $textarea.length || 'ontouchstart' in window ) {
+ // Hide the resize handle.
+ $('#content-resize-handle').hide();
return;
+ }
- function dragging(e) {
- textarea.height( Math.max(50, offset + e.pageY) + 'px' );
- return false;
+ /**
+ * Handle drag event.
+ *
+ * @param {Object} event Event containing details about the drag.
+ */
+ function dragging( event ) {
+ if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) {
+ return;
+ }
+
+ if ( mce ) {
+ editor.theme.resizeTo( null, offset + event.pageY );
+ } else {
+ $textarea.height( Math.max( 50, offset + event.pageY ) );
+ }
+
+ event.preventDefault();
}
- function endDrag(e) {
- var height = $('#wp-content-editor-container').height();
+ /**
+ * When the dragging stopped make sure we return focus and do a sanity check on the height.
+ */
+ function endDrag() {
+ var height, toolbarHeight;
+
+ if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) {
+ return;
+ }
+
+ if ( mce ) {
+ editor.focus();
+ toolbarHeight = parseInt( $( '#wp-content-editor-container .mce-toolbar-grp' ).height(), 10 );
- textarea.focus();
- $(document).unbind('mousemove', dragging).unbind('mouseup', endDrag);
+ if ( toolbarHeight < 10 || toolbarHeight > 200 ) {
+ toolbarHeight = 30;
+ }
+
+ height = parseInt( $('#content_ifr').css('height'), 10 ) + toolbarHeight - 28;
+ } else {
+ $textarea.focus();
+ height = parseInt( $textarea.css('height'), 10 );
+ }
- height -= 33; // compensate for toolbars, padding...
- // sanity check
- if ( height > 50 && height < 5000 && height != getUserSetting( 'ed_size' ) )
+ $document.off( '.wp-editor-resize' );
+
+ // Sanity check: normalize height to stay within acceptable ranges.
+ if ( height && height > 50 && height < 5000 ) {
setUserSetting( 'ed_size', height );
+ }
}
- textarea.css('resize', 'none');
- el = $('<div id="content-resize-handle"><br></div>');
- $('#wp-content-wrap').append(el);
- el.on('mousedown', function(e) {
- offset = textarea.height() - e.pageY;
- textarea.blur();
- $(document).mousemove(dragging).mouseup(endDrag);
- return false;
- });
+ $handle.on( 'mousedown.wp-editor-resize', function( event ) {
+ if ( typeof tinymce !== 'undefined' ) {
+ editor = tinymce.get('content');
+ }
+
+ if ( editor && ! editor.isHidden() ) {
+ mce = true;
+ offset = $('#content_ifr').height() - event.pageY;
+ } else {
+ mce = false;
+ offset = $textarea.height() - event.pageY;
+ $textarea.blur();
+ }
+
+ $document.on( 'mousemove.wp-editor-resize', dragging )
+ .on( 'mouseup.wp-editor-resize mouseleave.wp-editor-resize', endDrag );
+
+ event.preventDefault();
+ }).on( 'mouseup.wp-editor-resize', endDrag );
})();
- if ( typeof(tinymce) != 'undefined' ) {
- tinymce.onAddEditor.add(function(mce, ed){
- // iOS expands the iframe to full height and the user cannot adjust it.
- if ( ed.id != 'content' || tinymce.isIOS5 )
- return;
+ // TinyMCE specific handling of Post Format changes to reflect in the editor.
+ if ( typeof tinymce !== 'undefined' ) {
+ // When changing post formats, change the editor body class.
+ $( '#post-formats-select input.post-format' ).on( 'change.set-editor-class', function() {
+ var editor, body, format = this.id;
+
+ if ( format && $( this ).prop( 'checked' ) && ( editor = tinymce.get( 'content' ) ) ) {
+ body = editor.getBody();
+ body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
+ editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
+ $( document ).trigger( 'editor-classchange' );
+ }
+ });
- // resize TinyMCE to match the textarea height when switching Text -> Visual
- ed.onLoadContent.add( function(ed, o) {
- var ifr_height, height = parseInt( $('#content').css('height'), 10 ),
- tb_height = $('#content_tbl tr.mceFirst').height();
-
- if ( height && !isNaN(height) && tb_height ) {
- ifr_height = (height - tb_height) + 12; // compensate for padding in the textarea
- // sanity check
- if ( ifr_height > 50 && ifr_height < 5000 ) {
- $('#content_tbl').css('height', '' );
- $('#content_ifr').css('height', ifr_height + 'px' );
- }
- }
- });
+ // When changing page template, change the editor body class
+ $( '#page_template' ).on( 'change.set-editor-class', function() {
+ var editor, body, pageTemplate = $( this ).val() || '';
- // resize the textarea to match TinyMCE's height when switching Visual -> Text
- ed.onSaveContent.add( function(ed, o) {
- var height = $('#content_tbl').height();
+ pageTemplate = pageTemplate.substr( pageTemplate.lastIndexOf( '/' ) + 1, pageTemplate.length )
+ .replace( /\.php$/, '' )
+ .replace( /\./g, '-' );
- if ( height && height > 83 && height < 5000 ) {
- height -= 33;
+ if ( pageTemplate && ( editor = tinymce.get( 'content' ) ) ) {
+ body = editor.getBody();
+ body.className = body.className.replace( /\bpage-template-[^ ]+/, '' );
+ editor.dom.addClass( body, 'page-template-' + pageTemplate );
+ $( document ).trigger( 'editor-classchange' );
+ }
+ });
- $('#content').css( 'height', height + 'px' );
- }
- });
+ }
+
+ // Save on pressing [ctrl]/[command] + [s] in the Text editor.
+ $textarea.on( 'keydown.wp-autosave', function( event ) {
+ // Key [s] has code 83.
+ if ( event.which === 83 ) {
+ if ( event.shiftKey || event.altKey || ( isMac && ( ! event.metaKey || event.ctrlKey ) ) || ( ! isMac && ! event.ctrlKey ) ) {
+ return;
+ }
- // save on resizing TinyMCE
- ed.onPostRender.add(function() {
- $('#content_resize').on('mousedown.wp-mce-resize', function(e){
- $(document).on('mouseup.wp-mce-resize', function(e){
- var height = $('#wp-content-editor-container').height();
+ wp.autosave && wp.autosave.server.triggerSave();
+ event.preventDefault();
+ }
+ });
- height -= 33;
- // sanity check
- if ( height > 50 && height < 5000 && height != getUserSetting( 'ed_size' ) )
- setUserSetting( 'ed_size', height );
+ // If the last status was auto-draft and the save is triggered, edit the current URL.
+ if ( $( '#original_post_status' ).val() === 'auto-draft' && window.history.replaceState ) {
+ var location;
- $(document).off('mouseup.wp-mce-resize');
- });
- });
- });
+ $( '#publish' ).on( 'click', function() {
+ location = window.location.href;
+ location += ( location.indexOf( '?' ) !== -1 ) ? '&' : '?';
+ location += 'wp-post-new-reload=true';
+
+ window.history.replaceState( null, null, location );
});
}
});
+
+/**
+ * TinyMCE word count display
+ */
+( function( $, counter ) {
+ $( function() {
+ var $content = $( '#content' ),
+ $count = $( '#wp-word-count' ).find( '.word-count' ),
+ prevCount = 0,
+ contentEditor;
+
+ /**
+ * Get the word count from TinyMCE and display it
+ */
+ function update() {
+ var text, count;
+
+ if ( ! contentEditor || contentEditor.isHidden() ) {
+ text = $content.val();
+ } else {
+ text = contentEditor.getContent( { format: 'raw' } );
+ }
+
+ count = counter.count( text );
+
+ if ( count !== prevCount ) {
+ $count.text( count );
+ }
+
+ prevCount = count;
+ }
+
+ /**
+ * Bind the word count update triggers.
+ *
+ * When a node change in the main TinyMCE editor has been triggered.
+ * When a key has been released in the plain text content editor.
+ */
+ $( document ).on( 'tinymce-editor-init', function( event, editor ) {
+ if ( editor.id !== 'content' ) {
+ return;
+ }
+
+ contentEditor = editor;
+
+ editor.on( 'nodechange keyup', _.debounce( update, 1000 ) );
+ } );
+
+ $content.on( 'input keyup', _.debounce( update, 1000 ) );
+
+ update();
+ } );
+} )( jQuery, new wp.utils.WordCounter() );