X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/6c8f14c09105d0afa4c1574215c59b5021040e76..4ea0dca21bda49aab5ccb91ec12bb4ef5924ed3e:/wp-admin/js/post.js diff --git a/wp-admin/js/post.js b/wp-admin/js/post.js index d08dc4ab..662c62bf 100644 --- a/wp-admin/js/post.js +++ b/wp-admin/js/post.js @@ -1,328 +1,627 @@ -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(''+wpAjax.broken+''); + } + ); + + 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 = $( '' ).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 = $('').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 = $( 'X' ); - 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 = $('

'+r+'

'); - $('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(''+wpAjax.broken+''); - } - ); + 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'); @@ -340,14 +639,16 @@ jQuery(document).ready( function($) { 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 ); @@ -355,40 +656,66 @@ jQuery(document).ready( function($) { }); // 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'), @@ -399,13 +726,15 @@ jQuery(document).ready( function($) { 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 ); @@ -416,28 +745,34 @@ jQuery(document).ready( function($) { 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 + ' ' + - $('option[value="' + $('#mm').val() + '"]', '#mm').text() + ' ' + - jj + ', ' + - aa + ' @ ' + - hh + ':' + - mn + ' ' + '\n' + publishOn + ' ' + + 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 ) ) + + ' ' ); } - 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(''); } 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 ) { @@ -448,9 +783,13 @@ jQuery(document).ready( function($) { 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 { @@ -462,205 +801,254 @@ jQuery(document).ready( function($) { } } 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(''+postL10n.ok+' '+postL10n.cancel+''); - 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( ' ' ); + + // 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('').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( '' ).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(){ @@ -669,7 +1057,7 @@ jQuery(document).ready( function($) { }); title.blur(function(){ - if ( this.value == '' ) + if ( '' === this.value ) titleprompt.removeClass('screen-reader-text'); }).focus(function(){ titleprompt.addClass('screen-reader-text'); @@ -677,92 +1065,203 @@ jQuery(document).ready( function($) { 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 = $('

'); - $('#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() );