X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/888fa4ed68091f3314f711c5f6fe75858bf5410b..f34e3c5e1f96e4214461c0b72b651ad48ccffe50:/wp-admin/js/post.js diff --git a/wp-admin/js/post.js b/wp-admin/js/post.js index 21f28e7d..085c5d86 100644 --- a/wp-admin/js/post.js +++ b/wp-admin/js/post.js @@ -1,188 +1,15 @@ /* global postL10n, ajaxurl, wpAjax, setPostThumbnailL10n, postboxes, pagenow, tinymce, alert, deleteUserSetting */ -/* global theList:true, theExtraList:true, getUserSetting, setUserSetting */ +/* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply */ -var tagBox, commentsBox, WPSetThumbnailHTML, WPSetThumbnailID, WPRemoveThumbnail, wptitlehint, makeSlugeditClickable, editPermalink; +var commentsBox, WPSetThumbnailHTML, WPSetThumbnailID, WPRemoveThumbnail, wptitlehint, makeSlugeditClickable, editPermalink; // Back-compat: prevent fatal errors makeSlugeditClickable = editPermalink = function(){}; window.wp = window.wp || {}; -// 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($) { +( function( $ ) { var titleHasFocus = false; -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); - } - }); - - thetags.val( this.clean( new_tags.join(comma) ) ); - - this.quickClicks(taxbox); - return false; - }, - - quickClicks : function(el) { - var thetags = $('.the-tags', el), - tagchecklist = $('.tagchecklist', el), - id = $(el).attr('id'), - current_tags, disabled; - - if ( !thetags.length ) - return; - - disabled = thetags.prop('disabled'); - - current_tags = thetags.val().split(postL10n.comma); - tagchecklist.empty(); - - $.each( current_tags, function( key, val ) { - var span, xbutton; - - val = $.trim( val ); - - if ( ! val ) - return; - - // Create a new span, and ensure the text is properly escaped. - span = $('').text( val ); - - // If tags editing isn't disabled, create the X button. - if ( ! disabled ) { - xbutton = $( 'X' ); - xbutton.click( function(){ tagBox.parseTags(this); }); - span.prepend(' ').prepend( xbutton ); - } - - // Append the span to the tag list. - tagchecklist.append( span ); - }); - }, - - flushTags : function(el, a, f) { - var tagsval, newtags, text, - tags = $('.the-tags', el), - newtag = $('input.newtag', el), - comma = postL10n.comma; - a = a || false; - - 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; - }); - - $('#'+id).after(r); - }); - }, - - init : function() { - var t = this, ajaxtag = $('div.ajaxtag'); - - $('.tagsdiv').each( function() { - tagBox.quickClicks(this); - }); - - $('input.tagadd', ajaxtag).click(function(){ - t.flushTags( $(this).closest('.tagsdiv') ); - }); - - $('div.taghint', ajaxtag).click(function(){ - $(this).css('visibility', 'hidden').parent().siblings('.newtag').focus(); - }); - - $('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; - } - }).keypress(function(e){ - if ( 13 == e.which ) { - e.preventDefault(); - return false; - } - }).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); - }); - }); - - // tag cloud - $('a.tagcloud-link').click(function(){ - tagBox.get( $(this).attr('id') ); - $(this).unbind().click(function(){ - $(this).siblings('.the-tagcloud').toggle(); - return false; - }); - return false; - }); - } -}; - commentsBox = { st : 0, @@ -193,7 +20,7 @@ commentsBox = { this.st += num; this.total = total; - $('#commentsdiv .spinner').show(); + $( '#commentsdiv .spinner' ).addClass( 'is-active' ); data = { 'action' : 'get-comments', @@ -208,7 +35,7 @@ commentsBox = { function(r) { r = wpAjax.parseAjaxResponse(r); $('#commentsdiv .widefat').show(); - $('#commentsdiv .spinner').hide(); + $( '#commentsdiv .spinner' ).removeClass( 'is-active' ); if ( 'object' == typeof r && r.responses[0] ) { $('#the-comment-list').append( r.responses[0].data ); @@ -343,13 +170,13 @@ $(document).on( 'heartbeat-send.refresh-lock', function( e, data ) { } $(document).on( 'heartbeat-send.wp-refresh-nonces', function( e, data ) { - var nonce, post_id; + var post_id, + $authCheck = $('#wp-auth-check-wrap'); - if ( check ) { - if ( ( post_id = $('#post_ID').val() ) && ( nonce = $('#_wpnonce').val() ) ) { + if ( check || ( $authCheck.length && ! $authCheck.hasClass( 'hidden' ) ) ) { + if ( ( post_id = $('#post_ID').val() ) && $('#_wpnonce').val() ) { data['wp-refresh-post-nonces'] = { - post_id: post_id, - post_nonce: nonce + post_id: post_id }; } } @@ -376,8 +203,7 @@ $(document).on( 'heartbeat-send.refresh-lock', function( e, data ) { jQuery(document).ready( function($) { var stamp, visibility, $submitButtons, updateVisibility, updateText, sticky = '', - last = 0, - co = $('#content'), + $textarea = $('#content'), $document = $(document), $editSlugWrap = $('#edit-slug-box'), postId = $('#post_ID').val() || 0, @@ -385,7 +211,8 @@ jQuery(document).ready( function($) { releaseLock = true, $postVisibilitySelect = $('#post-visibility-select'), $timestampdiv = $('#timestampdiv'), - $postStatusSelect = $('#post-status-select'); + $postStatusSelect = $('#post-status-select'), + isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false; postboxes.add_postbox_toggles(pagenow); @@ -415,7 +242,7 @@ jQuery(document).ready( function($) { } // The form is being submitted by the user - $submitButtons = $submitpost.find( ':button, :submit, a.submitdelete, #post-preview' ).on( 'click.edit-post', function( event ) { + $submitButtons = $submitpost.find( ':submit, a.submitdelete, #post-preview' ).on( 'click.edit-post', function( event ) { var $button = $(this); if ( $button.hasClass('disabled') ) { @@ -439,15 +266,23 @@ jQuery(document).ready( function($) { wp.autosave.server.suspend(); } + if ( typeof commentReply !== 'undefined' ) { + /* + * Close the comment edit/reply form if open to stop the form + * action from interfering with the post's form action. + */ + commentReply.close(); + } + releaseLock = false; $(window).off( 'beforeunload.edit-post' ); $submitButtons.addClass( 'disabled' ); if ( $button.attr('id') === 'publish' ) { - $submitpost.find('#major-publishing-actions .spinner').show(); + $submitpost.find( '#major-publishing-actions .spinner' ).addClass( 'is-active' ); } else { - $submitpost.find('#minor-publishing .spinner').show(); + $submitpost.find( '#minor-publishing .spinner' ).addClass( 'is-active' ); } }); }); @@ -486,11 +321,10 @@ jQuery(document).ready( function($) { // This code is meant to allow tabbing from Title to Post content. $('#title').on( 'keydown.editor-focus', function( event ) { - var editor, $textarea; + var editor; if ( event.keyCode === 9 && ! event.ctrlKey && ! event.altKey && ! event.shiftKey ) { editor = typeof tinymce != 'undefined' && tinymce.get('content'); - $textarea = $('#content'); if ( editor && ! editor.isHidden() ) { editor.focus(); @@ -572,11 +406,11 @@ jQuery(document).ready( function($) { // multi-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(){ if ( this.id.indexOf('tagsdiv-') === 0 ) { - tagBox.init(); + window.tagBox && window.tagBox.init(); return false; } }); @@ -724,12 +558,13 @@ jQuery(document).ready( function($) { $('#timestamp').html(stamp); } else { $('#timestamp').html( - publishOn + ' ' + - postL10n.dateFormat.replace( '%1$s', $('option[value="' + $('#mm').val() + '"]', '#mm').text() ) - .replace( '%2$s', jj ) + '\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', hh ) - .replace( '%5$s', mn ) + + .replace( '%4$s', ( '00' + hh ).slice( -2 ) ) + .replace( '%5$s', ( '00' + mn ).slice( -2 ) ) + ' ' ); } @@ -772,7 +607,9 @@ jQuery(document).ready( function($) { $( '#visibility .edit-visibility').click( function () { if ( $postVisibilitySelect.is(':hidden') ) { updateVisibility(); - $postVisibilitySelect.slideDown('fast').find('input[type="radio"]').first().focus(); + $postVisibilitySelect.slideDown( 'fast', function() { + $postVisibilitySelect.find( 'input[type="radio"]' ).first().focus(); + } ); $(this).hide(); } return false; @@ -791,7 +628,7 @@ jQuery(document).ready( function($) { $postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // crazyhorse - multiple ok cancels $postVisibilitySelect.slideUp('fast'); - $('#visibility .edit-visibility').show(); + $('#visibility .edit-visibility').show().focus(); updateText(); if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) { @@ -814,8 +651,9 @@ jQuery(document).ready( function($) { $timestampdiv.siblings('a.edit-timestamp').click( function( event ) { if ( $timestampdiv.is( ':hidden' ) ) { - $timestampdiv.slideDown('fast'); - $('#mm').focus(); + $timestampdiv.slideDown( 'fast', function() { + $( 'input, select', $timestampdiv.find( '.timestamp-wrap' ) ).first().focus(); + } ); $(this).hide(); } event.preventDefault(); @@ -835,7 +673,7 @@ jQuery(document).ready( function($) { $timestampdiv.find('.save-timestamp').click( function( event ) { // crazyhorse - multiple ok cancels if ( updateText() ) { $timestampdiv.slideUp('fast'); - $timestampdiv.siblings('a.edit-timestamp').show(); + $timestampdiv.siblings('a.edit-timestamp').show().focus(); } event.preventDefault(); }); @@ -849,26 +687,28 @@ jQuery(document).ready( function($) { wp.autosave.enableButtons(); } - $('#publishing-action .spinner').hide(); + $( '#publishing-action .spinner' ).removeClass( 'is-active' ); } }); $postStatusSelect.siblings('a.edit-post-status').click( function( event ) { if ( $postStatusSelect.is( ':hidden' ) ) { - $postStatusSelect.slideDown('fast').find('select').focus(); + $postStatusSelect.slideDown( 'fast', function() { + $postStatusSelect.find('select').focus(); + } ); $(this).hide(); } event.preventDefault(); }); $postStatusSelect.find('.save-post-status').click( function( event ) { - $postStatusSelect.slideUp('fast').siblings('a.edit-post-status').show(); + $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus(); updateText(); event.preventDefault(); }); $postStatusSelect.find('.cancel-post-status').click( function( event ) { - $('#post-status-select').slideUp('fast').siblings( 'a.edit-post-status' ).show().focus(); + $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus(); $('#post_status').val( $('#hidden_post_status').val() ); updateText(); event.preventDefault(); @@ -885,14 +725,19 @@ jQuery(document).ready( function($) { revert_slug = real_slug.val(), b = $('#edit-slug-buttons'), revert_b = b.html(), - full = $('#editable-post-name-full').html(); + full = $('#editable-post-name-full'); + + // Deal with Twemoji in the post-name + full.find( 'img' ).replaceWith( function() { return this.alt; } ); + full = 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 $('#edit-slug-buttons .cancel').click(); + b.children('.cancel').click(); + return false; } $.post(ajaxurl, { action: 'sample-permalink', @@ -908,6 +753,7 @@ jQuery(document).ready( function($) { box.removeClass('hidden'); }); } + b.html(revert_b); real_slug.val(new_slug); $('#view-post-btn').show(); @@ -915,7 +761,7 @@ jQuery(document).ready( function($) { return false; }); - $('#edit-slug-buttons .cancel').click(function() { + b.children('.cancel').click(function() { $('#view-post-btn').show(); e.html(revert_e); b.html(revert_b); @@ -955,24 +801,6 @@ jQuery(document).ready( function($) { }); } - // 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; - - if ( 13 == k || 8 == last || 46 == last ) - $document.triggerHandler('wpcountwords', [ co.val() ]); - - last = k; - return true; - }); - } - wptitlehint = function(id) { id = id || 'title'; @@ -1002,15 +830,21 @@ jQuery(document).ready( function($) { // Resize the visual and text editors ( function() { var editor, offset, mce, - $textarea = $('textarea#content'), - $handle = $('#post-status-info'); + $handle = $('#post-status-info'), + $postdivrich = $('#postdivrich'); // No point for touch devices if ( ! $textarea.length || 'ontouchstart' in window ) { + // Hide the resize handle + $('#content-resize-handle').hide(); return; } function dragging( event ) { + if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) { + return; + } + if ( mce ) { editor.theme.resizeTo( null, offset + event.pageY ); } else { @@ -1023,6 +857,10 @@ jQuery(document).ready( function($) { 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 ); @@ -1045,8 +883,6 @@ jQuery(document).ready( function($) { } } - $textarea.css( 'resize', 'none' ); - $handle.on( 'mousedown.wp-editor-resize', function( event ) { if ( typeof tinymce !== 'undefined' ) { editor = tinymce.get('content'); @@ -1073,15 +909,65 @@ jQuery(document).ready( function($) { $( '#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' ); - - if ( editor ) { - body = editor.getBody(); - body.className = body.className.replace( /\bpost-format-[^ ]+/, '' ); - editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format ); - } + 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' ); } }); } + + // Save on pressing Ctrl/Command + S in the Text editor + $textarea.on( 'keydown.wp-autosave', function( event ) { + if ( event.which === 83 ) { + if ( event.shiftKey || event.altKey || ( isMac && ( ! event.metaKey || event.ctrlKey ) ) || ( ! isMac && ! event.ctrlKey ) ) { + return; + } + + wp.autosave && wp.autosave.server.triggerSave(); + event.preventDefault(); + } + }); }); + +( function( $, counter ) { + $( function() { + var $content = $( '#content' ), + $count = $( '#wp-word-count' ).find( '.word-count' ), + prevCount = 0, + contentEditor; + + 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; + } + + $( 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() );