![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Changeset 38637
- Timestamp:
- 09/21/2016 08:56:28 AM (10 years ago)
- File:
-
- 1 edited
-
trunk/src/wp-admin/js/post.js (modified) (54 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-admin/js/post.js
r38425 r38637 2 2 /* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply */ 3 3 4 /** 5 * Contains all dynamic functionality needed on post and term pages. 6 * 7 * @summary Control page and term functionality. 8 */ 9 4 10 var commentsBox, WPSetThumbnailHTML, WPSetThumbnailID, WPRemoveThumbnail, wptitlehint, makeSlugeditClickable, editPermalink; 5 // Back -compat: prevent fatal errors11 // Backwards compatibility: prevent fatal errors. 6 12 makeSlugeditClickable = editPermalink = function(){}; 7 13 14 // Make sure the wp object exists. 8 15 window.wp = window.wp || {}; 9 16 … … 11 18 var titleHasFocus = false; 12 19 13 commentsBox = { 14 st : 0, 15 16 get : function(total, num) { 17 var st = this.st, data; 18 if ( ! num ) 19 num = 20; 20 21 this.st += num; 22 this.total = total; 23 $( '#commentsdiv .spinner' ).addClass( 'is-active' ); 24 25 data = { 26 'action' : 'get-comments', 27 'mode' : 'single', 28 '_ajax_nonce' : $('#add_comment_nonce').val(), 29 'p' : $('#post_ID').val(), 30 'start' : st, 31 'number' : num 32 }; 33 34 $.post(ajaxurl, data, 35 function(r) { 36 r = wpAjax.parseAjaxResponse(r); 37 $('#commentsdiv .widefat').show(); 38 $( '#commentsdiv .spinner' ).removeClass( 'is-active' ); 39 40 if ( 'object' == typeof r && r.responses[0] ) { 41 $('#the-comment-list').append( r.responses[0].data ); 42 43 theList = theExtraList = null; 44 $( 'a[className*=\':\']' ).unbind(); 45 46 if ( commentsBox.st > commentsBox.total ) 47 $('#show-comments').hide(); 48 else 49 $('#show-comments').show().children('a').html(postL10n.showcomm); 50 51 return; 52 } else if ( 1 == r ) { 53 $('#show-comments').html(postL10n.endcomm); 54 return; 20 /** 21 * Control loading of comments on the post and term edit pages. 22 * 23 * @type {{st: number, get: commentsBox.get, load: commentsBox.load}} 24 * 25 * @namespace commentsBox 26 */ 27 commentsBox = { 28 // Comment offset to use when fetching new comments. 29 st : 0, 30 31 /** 32 * Fetch comments using AJAX and display them in the box. 33 * 34 * @param {int} total Total number of comments for this post. 35 * @param {int} num Optional. Number of comments to fetch, defaults to 20. 36 * @returns {boolean} Always returns false. 37 * 38 * @memberof commentsBox 39 */ 40 get : function(total, num) { 41 var st = this.st, data; 42 if ( ! num ) 43 num = 20; 44 45 this.st += num; 46 this.total = total; 47 $( '#commentsdiv .spinner' ).addClass( 'is-active' ); 48 49 data = { 50 'action' : 'get-comments', 51 'mode' : 'single', 52 '_ajax_nonce' : $('#add_comment_nonce').val(), 53 'p' : $('#post_ID').val(), 54 'start' : st, 55 'number' : num 56 }; 57 58 $.post( 59 ajaxurl, 60 data, 61 function(r) { 62 r = wpAjax.parseAjaxResponse(r); 63 $('#commentsdiv .widefat').show(); 64 $( '#commentsdiv .spinner' ).removeClass( 'is-active' ); 65 66 if ( 'object' == typeof r && r.responses[0] ) { 67 $('#the-comment-list').append( r.responses[0].data ); 68 69 theList = theExtraList = null; 70 $( 'a[className*=\':\']' ).unbind(); 71 72 // If the offset is over the total number of comments we cannot fetch any more, so hide the button. 73 if ( commentsBox.st > commentsBox.total ) 74 $('#show-comments').hide(); 75 else 76 $('#show-comments').show().children('a').html(postL10n.showcomm); 77 78 return; 79 } else if ( 1 == r ) { 80 $('#show-comments').html(postL10n.endcomm); 81 return; 82 } 83 84 $('#the-comment-list').append('<tr><td colspan="2">'+wpAjax.broken+'</td></tr>'); 55 85 } 56 57 $('#the-comment-list').append('<tr><td colspan="2">'+wpAjax.broken+'</td></tr>'); 58 } 86 ); 87 88 return false; 89 }, 90 91 /** 92 * Load the next batch of comments. 93 * 94 * @param {int} total Total number of comments to load. 95 * 96 * @memberof commentsBox 97 */ 98 load: function(total){ 99 this.st = jQuery('#the-comment-list tr.comment:visible').length; 100 this.get(total); 101 } 102 }; 103 104 /** 105 * Overwrite the content of the Featured Image postbox 106 * 107 * @param {string} html New HTML to be displayed in the content area of the postbox. 108 * 109 * @global 110 */ 111 WPSetThumbnailHTML = function(html){ 112 $('.inside', '#postimagediv').html(html); 113 }; 114 115 /** 116 * Set the Image ID of the Featured Image 117 * 118 * @param {int} id The post_id of the image to use as Featured Image. 119 * 120 * @global 121 */ 122 WPSetThumbnailID = function(id){ 123 var field = $('input[value="_thumbnail_id"]', '#list-table'); 124 if ( field.length > 0 ) { 125 $('#meta\\[' + field.attr('id').match(/[0-9]+/) + '\\]\\[value\\]').text(id); 126 } 127 }; 128 129 /** 130 * Remove the Featured Image 131 * 132 * @param {string} nonce Nonce to use in the request. 133 * 134 * @global 135 */ 136 WPRemoveThumbnail = function(nonce){ 137 $.post(ajaxurl, { 138 action: 'set-post-thumbnail', post_id: $( '#post_ID' ).val(), thumbnail_id: -1, _ajax_nonce: nonce, cookie: encodeURIComponent( document.cookie ) 139 }, 140 /** 141 * Handle server response 142 * 143 * @param {string} str Response, will be '0' when an error occured otherwise contains link to add Featured Image. 144 */ 145 function(str){ 146 if ( str == '0' ) { 147 alert( setPostThumbnailL10n.error ); 148 } else { 149 WPSetThumbnailHTML(str); 150 } 151 } 59 152 ); 60 61 return false; 62 }, 63 64 load: function(total){ 65 this.st = jQuery('#the-comment-list tr.comment:visible').length; 66 this.get(total); 67 } 68 }; 69 70 WPSetThumbnailHTML = function(html){ 71 $('.inside', '#postimagediv').html(html); 72 }; 73 74 WPSetThumbnailID = function(id){ 75 var field = $('input[value="_thumbnail_id"]', '#list-table'); 76 if ( field.length > 0 ) { 77 $('#meta\\[' + field.attr('id').match(/[0-9]+/) + '\\]\\[value\\]').text(id); 78 } 79 }; 80 81 WPRemoveThumbnail = function(nonce){ 82 $.post(ajaxurl, { 83 action: 'set-post-thumbnail', post_id: $( '#post_ID' ).val(), thumbnail_id: -1, _ajax_nonce: nonce, cookie: encodeURIComponent( document.cookie ) 84 }, function(str){ 85 if ( str == '0' ) { 86 alert( setPostThumbnailL10n.error ); 87 } else { 88 WPSetThumbnailHTML(str); 89 } 90 } 91 ); 92 }; 93 94 $(document).on( 'heartbeat-send.refresh-lock', function( e, data ) { 95 var lock = $('#active_post_lock').val(), 96 post_id = $('#post_ID').val(), 97 send = {}; 98 99 if ( ! post_id || ! $('#post-lock-dialog').length ) 100 return; 101 102 send.post_id = post_id; 103 104 if ( lock ) 105 send.lock = lock; 106 107 data['wp-refresh-post-lock'] = send; 108 109 }).on( 'heartbeat-tick.refresh-lock', function( e, data ) { 110 // Post locks: update the lock string or show the dialog if somebody has taken over editing 111 var received, wrap, avatar; 112 113 if ( data['wp-refresh-post-lock'] ) { 114 received = data['wp-refresh-post-lock']; 115 116 if ( received.lock_error ) { 117 // show "editing taken over" message 118 wrap = $('#post-lock-dialog'); 119 120 if ( wrap.length && ! wrap.is(':visible') ) { 121 if ( wp.autosave ) { 122 // Save the latest changes and disable 123 $(document).one( 'heartbeat-tick', function() { 124 wp.autosave.server.suspend(); 125 wrap.removeClass('saving').addClass('saved'); 126 $(window).off( 'beforeunload.edit-post' ); 127 }); 128 129 wrap.addClass('saving'); 130 wp.autosave.server.triggerSave(); 153 }; 154 155 /** 156 * Heartbeat locks. 157 * 158 * Used to lock editing of an object by only one user at a time. 159 * 160 * When the user does not send a heartbeat in a heartbeat-time 161 * the user is no longer editing and another user can start editing. 162 */ 163 $(document).on( 'heartbeat-send.refresh-lock', function( e, data ) { 164 var lock = $('#active_post_lock').val(), 165 post_id = $('#post_ID').val(), 166 send = {}; 167 168 if ( ! post_id || ! $('#post-lock-dialog').length ) 169 return; 170 171 send.post_id = post_id; 172 173 if ( lock ) 174 send.lock = lock; 175 176 data['wp-refresh-post-lock'] = send; 177 178 }).on( 'heartbeat-tick.refresh-lock', function( e, data ) { 179 // Post locks: update the lock string or show the dialog if somebody has taken over editing. 180 var received, wrap, avatar; 181 182 if ( data['wp-refresh-post-lock'] ) { 183 received = data['wp-refresh-post-lock']; 184 185 if ( received.lock_error ) { 186 // Show "editing taken over" message. 187 wrap = $('#post-lock-dialog'); 188 189 if ( wrap.length && ! wrap.is(':visible') ) { 190 if ( wp.autosave ) { 191 // Save the latest changes and disable. 192 $(document).one( 'heartbeat-tick', function() { 193 wp.autosave.server.suspend(); 194 wrap.removeClass('saving').addClass('saved'); 195 $(window).off( 'beforeunload.edit-post' ); 196 }); 197 198 wrap.addClass('saving'); 199 wp.autosave.server.triggerSave(); 200 } 201 202 if ( received.lock_error.avatar_src ) { 203 avatar = $( '<img class="avatar avatar-64 photo" width="64" height="64" alt="" />' ).attr( 'src', received.lock_error.avatar_src.replace( /&/g, '&' ) ); 204 wrap.find('div.post-locked-avatar').empty().append( avatar ); 205 } 206 207 wrap.show().find('.currently-editing').text( received.lock_error.text ); 208 wrap.find('.wp-tab-first').focus(); 131 209 } 132 133 if ( received.lock_error.avatar_src ) { 134 avatar = $( '<img class="avatar avatar-64 photo" width="64" height="64" alt="" />' ).attr( 'src', received.lock_error.avatar_src.replace( /&/g, '&' ) ); 135 wrap.find('div.post-locked-avatar').empty().append( avatar ); 210 } else if ( received.new_lock ) { 211 $('#active_post_lock').val( received.new_lock ); 212 } 213 } 214 }).on( 'before-autosave.update-post-slug', function() { 215 titleHasFocus = document.activeElement && document.activeElement.id === 'title'; 216 }).on( 'after-autosave.update-post-slug', function() { 217 218 /* 219 * Create slug area only if not already there 220 * and the title field was not focused (user was not typing a title) when autosave ran. 221 */ 222 if ( ! $('#edit-slug-box > *').length && ! titleHasFocus ) { 223 $.post( ajaxurl, { 224 action: 'sample-permalink', 225 post_id: $('#post_ID').val(), 226 new_title: $('#title').val(), 227 samplepermalinknonce: $('#samplepermalinknonce').val() 228 }, 229 function( data ) { 230 if ( data != '-1' ) { 231 $('#edit-slug-box').html(data); 232 } 136 233 } 137 138 wrap.show().find('.currently-editing').text( received.lock_error.text ); 139 wrap.find('.wp-tab-first').focus(); 140 } 141 } else if ( received.new_lock ) { 142 $('#active_post_lock').val( received.new_lock ); 143 } 144 } 145 }).on( 'before-autosave.update-post-slug', function() { 146 titleHasFocus = document.activeElement && document.activeElement.id === 'title'; 147 }).on( 'after-autosave.update-post-slug', function() { 148 // Create slug area only if not already there 149 // and the title field was not focused (user was not typing a title) when autosave ran 150 if ( ! $('#edit-slug-box > *').length && ! titleHasFocus ) { 151 $.post( ajaxurl, { 152 action: 'sample-permalink', 153 post_id: $('#post_ID').val(), 154 new_title: $('#title').val(), 155 samplepermalinknonce: $('#samplepermalinknonce').val() 156 }, 157 function( data ) { 158 if ( data != '-1' ) { 159 $('#edit-slug-box').html(data); 160 } 161 } 162 ); 163 } 164 }); 234 ); 235 } 236 }); 165 237 166 238 }(jQuery)); 167 239 240 /** 241 * Heartbeat refresh nonces. 242 */ 168 243 (function($) { 169 244 var check, timeout; 170 245 246 /** 247 * Only allow to check for nonce refresh every 30 seconds. 248 */ 171 249 function schedule() { 172 250 check = false; … … 206 284 }(jQuery)); 207 285 286 /** 287 * All post and postbox controls and functionality. 288 */ 208 289 jQuery(document).ready( function($) { 209 290 var stamp, visibility, $submitButtons, updateVisibility, updateText, … … 221 302 postboxes.add_postbox_toggles(pagenow); 222 303 223 // Clear the window name. Otherwise if this is a former preview window where the user navigated to edit another post, 224 // and the first post is still being edited, clicking Preview there will use this window to show the preview. 304 /* 305 * Clear the window name. Otherwise if this is a former preview window where the user navigated to edit another post, 306 * and the first post is still being edited, clicking Preview there will use this window to show the preview. 307 */ 225 308 window.name = ''; 226 309 227 310 // Post locks: contain focus inside the dialog. If the dialog is shown, focus the first item. 228 311 $('#post-lock-dialog .notification-dialog').on( 'keydown', function(e) { 312 // Don't do anything when [tab] is pressed. 229 313 if ( e.which != 9 ) 230 314 return; … … 232 316 var target = $(e.target); 233 317 318 // [shift] + [tab] on first tab cycles back to last tab. 234 319 if ( target.hasClass('wp-tab-first') && e.shiftKey ) { 235 320 $(this).find('.wp-tab-last').focus(); 236 321 e.preventDefault(); 322 // [tab] on last tab cycles back to first tab. 237 323 } else if ( target.hasClass('wp-tab-last') && ! e.shiftKey ) { 238 324 $(this).find('.wp-tab-first').focus(); … … 241 327 }).filter(':visible').find('.wp-tab-first').focus(); 242 328 243 // Set the heartbeat interval to 15 sec. if post lock dialogs are enabled 329 // Set the heartbeat interval to 15 sec. if post lock dialogs are enabled. 244 330 if ( wp.heartbeat && $('#post-lock-dialog').length ) { 245 331 wp.heartbeat.interval( 15 ); 246 332 } 247 333 248 // The form is being submitted by the user 334 // The form is being submitted by the user. 249 335 $submitButtons = $submitpost.find( ':submit, a.submitdelete, #post-preview' ).on( 'click.edit-post', function( event ) { 250 336 var $button = $(this); … … 266 352 } 267 353 268 // Stop auto save354 // Stop auto save. 269 355 if ( wp.autosave ) { 270 356 wp.autosave.server.suspend(); … … 351 437 }); 352 438 353 // Auto save new posts after a title is typed439 // Auto save new posts after a title is typed. 354 440 if ( $( '#auto_draft' ).val() ) { 355 441 $( '#title' ).blur( function() { … … 360 446 } 361 447 362 // Cancel the auto save when the blur was triggered by the user submitting the form448 // Cancel the auto save when the blur was triggered by the user submitting the form. 363 449 $('form#post').one( 'submit', function() { 364 450 cancel = true; … … 389 475 }); 390 476 477 /* 478 * When the user is trying to load another page, or reloads current page 479 * show a confirmation dialog when there are unsaved changes. 480 */ 391 481 $(window).on( 'beforeunload.edit-post', function() { 392 482 var editor = typeof tinymce !== 'undefined' && tinymce.get('content'); … … 402 492 } 403 493 404 // Unload is triggered (by hand) on removing the Thickbox iframe. 405 // Make sure we process only the main document unload. 494 /* 495 * Unload is triggered (by hand) on removing the Thickbox iframe. 496 * Make sure we process only the main document unload. 497 */ 406 498 if ( event.target && event.target.nodeName != '#document' ) { 407 499 return; … … 436 528 }); 437 529 438 // multi-taxonomies530 // Multiple Taxonomies. 439 531 if ( $('#tagsdiv-post_tag').length ) { 440 532 window.tagBox && window.tagBox.init(); … … 448 540 } 449 541 450 // categories542 // Handle categories. 451 543 $('.categorydiv').each( function(){ 452 544 var this_id = $(this).attr('id'), catAddBefore, catAddAfter, taxonomyParts, taxonomy, settingName; … … 456 548 taxonomy = taxonomyParts.join('-'); 457 549 settingName = taxonomy + '_tab'; 458 if ( taxonomy == 'category' ) 550 551 if ( taxonomy == 'category' ) { 459 552 settingName = 'cats'; 553 } 460 554 461 555 // TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js … … 466 560 $('#' + taxonomy + '-tabs').siblings('.tabs-panel').hide(); 467 561 $(t).show(); 468 if ( '#' + taxonomy + '-all' == t ) 562 if ( '#' + taxonomy + '-all' == t ) { 469 563 deleteUserSetting( settingName ); 470 else564 } else { 471 565 setUserSetting( settingName, 'pop' ); 566 } 472 567 }); 473 568 … … 475 570 $('a[href="#' + taxonomy + '-pop"]', '#' + taxonomy + '-tabs').click(); 476 571 477 // Ajax Cat 478 $( '#new' + taxonomy ).one( 'focus', function() { $( this ).val( '' ).removeClass( 'form-input-tip' ); } ); 479 572 // Add category button controls. 573 $('#new' + taxonomy).one( 'focus', function() { 574 $( this ).val( '' ).removeClass( 'form-input-tip' ); 575 }); 576 577 // On [enter] submit the taxonomy. 480 578 $('#new' + taxonomy).keypress( function(event){ 481 579 if( 13 === event.keyCode ) { … … 484 582 } 485 583 }); 486 $('#' + taxonomy + '-add-submit').click( function(){ $('#new' + taxonomy).focus(); }); 487 584 585 // After submitting a new taxonomy, re-focus the input field. 586 $('#' + taxonomy + '-add-submit').click( function() { 587 $('#new' + taxonomy).focus(); 588 }); 589 590 /** 591 * Before adding a new taxonomy, disable submit button. 592 * 593 * @param {Object} s Taxonomy object which will be added. 594 * 595 * @returns {Object} 596 */ 488 597 catAddBefore = function( s ) { 489 if ( !$('#new'+taxonomy).val() ) 598 if ( !$('#new'+taxonomy).val() ) { 490 599 return false; 600 } 601 491 602 s.data += '&' + $( ':checked', '#'+taxonomy+'checklist' ).serialize(); 492 603 $( '#' + taxonomy + '-add-submit' ).prop( 'disabled', true ); … … 494 605 }; 495 606 607 /** 608 * Re-enable submit button after a taxonomy has been added. 609 * 610 * Re-enable submit button. 611 * If the taxonomy has a parent place the taxonomy underneath the parent. 612 * 613 * @param {Object} r Response. 614 * @param {Object} s Taxonomy data. 615 * 616 * @returns void 617 */ 496 618 catAddAfter = function( r, s ) { 497 619 var sup, drop = $('#new'+taxonomy+'_parent'); … … 511 633 }); 512 634 635 // Add new taxonomy button toggles input form visibility. 513 636 $('#' + taxonomy + '-add-toggle').click( function( e ) { 514 637 e.preventDefault(); … … 518 641 }); 519 642 643 // Sync checked items between "All {taxonomy}" and "Most used" lists. 520 644 $('#' + taxonomy + 'checklist, #' + taxonomy + 'checklist-pop').on( 'click', 'li.popular-category > label input[type="checkbox"]', function() { 521 645 var t = $(this), c = t.is(':checked'), id = t.val(); … … 526 650 }); // end cats 527 651 528 // Custom Fields 652 // Custom Fields postbox. 529 653 if ( $('#postcustom').length ) { 530 $( '#the-list' ).wpList( { addAfter: function() { 531 $('table#list-table').show(); 532 }, addBefore: function( s ) { 533 s.data += '&post_id=' + $('#post_ID').val(); 534 return s; 535 } 654 $( '#the-list' ).wpList( { 655 /** 656 * Add current post_ID to request to fetch custom fields 657 * 658 * @param {Object} s Request object. 659 * 660 * @returns {Object} Data modified with post_ID attached. 661 */ 662 addBefore: function( s ) { 663 s.data += '&post_id=' + $('#post_ID').val(); 664 return s; 665 }, 666 /** 667 * Show the listing of custom fields after fetching. 668 */ 669 addAfter: function() { 670 $('table#list-table').show(); 671 } 536 672 }); 537 673 } 538 674 539 // submitdiv 675 /* 676 * Publish Post box (#submitdiv) 677 */ 540 678 if ( $('#submitdiv').length ) { 541 679 stamp = $('#timestamp').html(); 542 680 visibility = $('#post-visibility-display').html(); 543 681 682 /** 683 * When the visibility of a post changes sub-options should be shown or hidden. 684 * 685 * @returns void 686 */ 544 687 updateVisibility = function() { 688 // Show sticky for public posts. 545 689 if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) { 546 690 $('#sticky').prop('checked', false); … … 549 693 $('#sticky-span').show(); 550 694 } 695 696 // Show password input field for password protected post. 551 697 if ( $postVisibilitySelect.find('input:radio:checked').val() != 'password' ) { 552 698 $('#password-span').hide(); … … 556 702 }; 557 703 704 /** 705 * Make sure all labels represent the current settings. 706 * 707 * @returns {boolean} False when an invalid timestamp has been selected, otherwise True. 708 */ 558 709 updateText = function() { 559 710 … … 569 720 currentDate = new Date( $('#cur_aa').val(), $('#cur_mm').val() -1, $('#cur_jj').val(), $('#cur_hh').val(), $('#cur_mn').val() ); 570 721 722 // Catch unexpected date problems. 571 723 if ( attemptedDate.getFullYear() != aa || (1 + attemptedDate.getMonth()) != mm || attemptedDate.getDate() != jj || attemptedDate.getMinutes() != mn ) { 572 724 $timestampdiv.find('.timestamp-wrap').addClass('form-invalid'); … … 576 728 } 577 729 730 // Determine what the publish should be depending on the date and post status. 578 731 if ( attemptedDate > currentDate && $('#original_post_status').val() != 'future' ) { 579 732 publishOn = postL10n.publishOnFuture; … … 586 739 $('#publish').val( postL10n.update ); 587 740 } 588 if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) { //hack 741 742 // If the date is the same, set it to trigger update events. 743 if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) { 744 // Re-set to the current value. 589 745 $('#timestamp').html(stamp); 590 746 } else { … … 601 757 } 602 758 759 // Add "privately published" to post status when applies. 603 760 if ( $postVisibilitySelect.find('input:radio:checked').val() == 'private' ) { 604 761 $('#publish').val( postL10n.update ); … … 622 779 $('#misc-publishing-actions .edit-post-status').show(); 623 780 } 781 782 // Update "Status:" to currently selected status. 624 783 $('#post-status-display').html($('option:selected', postStatus).text()); 784 785 // Show or hide the "Save Draft" button. 625 786 if ( $('option:selected', postStatus).val() == 'private' || $('option:selected', postStatus).val() == 'publish' ) { 626 787 $('#save-post').hide(); … … 636 797 }; 637 798 799 // Show the visibility options and hide the toggle button when opened. 638 800 $( '#visibility .edit-visibility').click( function( e ) { 639 801 e.preventDefault(); … … 647 809 }); 648 810 811 // Cancel visibility selection area and hide it from view. 649 812 $postVisibilitySelect.find('.cancel-post-visibility').click( function( event ) { 650 813 $postVisibilitySelect.slideUp('fast'); … … 658 821 }); 659 822 823 // Set the selected visibility as current. 660 824 $postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // crazyhorse - multiple ok cancels 661 825 $postVisibilitySelect.slideUp('fast'); … … 665 829 if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) { 666 830 $('#sticky').prop('checked', false); 667 } // WEAPON LOCKED831 } 668 832 669 833 if ( $('#sticky').prop('checked') ) { … … 677 841 }); 678 842 843 // When the selection changes, update labels. 679 844 $postVisibilitySelect.find('input:radio').change( function() { 680 845 updateVisibility(); 681 846 }); 682 847 848 // Edit publish time click. 683 849 $timestampdiv.siblings('a.edit-timestamp').click( function( event ) { 684 850 if ( $timestampdiv.is( ':hidden' ) ) { … … 691 857 }); 692 858 859 // Cancel editing the publish time and hide the settings. 693 860 $timestampdiv.find('.cancel-timestamp').click( function( event ) { 694 861 $timestampdiv.slideUp('fast').siblings('a.edit-timestamp').show().focus(); … … 702 869 }); 703 870 871 // Save the changed timestamp. 704 872 $timestampdiv.find('.save-timestamp').click( function( event ) { // crazyhorse - multiple ok cancels 705 873 if ( updateText() ) { … … 710 878 }); 711 879 880 // Cancel submit when an invalid timestamp has been selected. 712 881 $('#post').on( 'submit', function( event ) { 713 882 if ( ! updateText() ) { … … 723 892 }); 724 893 894 // Post Status edit click. 725 895 $postStatusSelect.siblings('a.edit-post-status').click( function( event ) { 726 896 if ( $postStatusSelect.is( ':hidden' ) ) { … … 733 903 }); 734 904 905 // Save the Post Status changes and hide the options. 735 906 $postStatusSelect.find('.save-post-status').click( function( event ) { 736 907 $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus(); … … 739 910 }); 740 911 912 // Cancel Post Status editing and hide the options. 741 913 $postStatusSelect.find('.cancel-post-status').click( function( event ) { 742 914 $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus(); … … 745 917 event.preventDefault(); 746 918 }); 747 } // end submitdiv 748 749 // permalink 919 } 920 921 /** 922 * Handle the editing of the post_name. Create the required HTML elements and update the changes via AJAX. 923 * 924 * @summary Permalink aka slug aka post_name editing 925 * 926 * @global 927 * 928 * @returns void 929 */ 750 930 function editPermalink() { 751 931 var i, slug_value, … … 761 941 full = $('#editable-post-name-full'); 762 942 763 // Deal with Twemoji in the post-name 943 // Deal with Twemoji in the post-name. 764 944 full.find( 'img' ).replaceWith( function() { return this.alt; } ); 765 945 full = full.html(); 766 946 767 947 permalink.html( permalinkInner ); 948 949 // Save current content to revert to when cancelling. 768 950 $el = $( '#editable-post-name' ); 769 951 revert_e = $el.html(); 770 952 771 953 buttons.html( '<button type="button" class="save button button-small">' + postL10n.ok + '</button> <button type="button" class="cancel button-link">' + postL10n.cancel + '</button>' ); 954 955 // Save permalink changes. 772 956 buttons.children( '.save' ).click( function() { 773 957 var new_slug = $el.children( 'input' ).val(); … … 777 961 return; 778 962 } 779 $.post(ajaxurl, { 780 action: 'sample-permalink', 781 post_id: postId, 782 new_slug: new_slug, 783 new_title: $('#title').val(), 784 samplepermalinknonce: $('#samplepermalinknonce').val() 785 }, function(data) { 786 var box = $('#edit-slug-box'); 787 box.html(data); 788 if (box.hasClass('hidden')) { 789 box.fadeIn('fast', function () { 790 box.removeClass('hidden'); 791 }); 963 964 $.post( 965 ajaxurl, 966 { 967 action: 'sample-permalink', 968 post_id: postId, 969 new_slug: new_slug, 970 new_title: $('#title').val(), 971 samplepermalinknonce: $('#samplepermalinknonce').val() 972 }, 973 function(data) { 974 var box = $('#edit-slug-box'); 975 box.html(data); 976 if (box.hasClass('hidden')) { 977 box.fadeIn('fast', function () { 978 box.removeClass('hidden'); 979 }); 980 } 981 982 buttons.html(buttonsOrig); 983 permalink.html(permalinkOrig); 984 real_slug.val(new_slug); 985 $( '.edit-slug' ).focus(); 986 wp.a11y.speak( postL10n.permalinkSaved ); 792 987 } 793 794 buttons.html(buttonsOrig); 795 permalink.html(permalinkOrig); 796 real_slug.val(new_slug); 797 $( '.edit-slug' ).focus(); 798 wp.a11y.speak( postL10n.permalinkSaved ); 799 }); 800 }); 801 988 ); 989 }); 990 991 // Cancel editing of permalink. 802 992 buttons.children( '.cancel' ).click( function() { 803 993 $('#view-post-btn').show(); … … 809 999 }); 810 1000 1001 // If more than 1/4th of 'full' is '%', make it empty. 811 1002 for ( i = 0; i < full.length; ++i ) { 812 1003 if ( '%' == full.charAt(i) ) 813 1004 c++; 814 1005 } 815 816 1006 slug_value = ( c > full.length / 4 ) ? '' : full; 1007 817 1008 $el.html( '<input type="text" id="new-post-slug" value="' + slug_value + '" autocomplete="off" />' ).children( 'input' ).keydown( function( e ) { 818 1009 var key = e.which; 819 // On enter, just save the new slug, don't save the post.1010 // On [enter], just save the new slug, don't save the post. 820 1011 if ( 13 === key ) { 821 1012 e.preventDefault(); 822 1013 buttons.children( '.save' ).click(); 823 1014 } 1015 // On [esc] cancel the editing. 824 1016 if ( 27 === key ) { 825 1017 buttons.children( '.cancel' ).click(); … … 834 1026 }); 835 1027 1028 /** 1029 * Add screen reader text to the title prompt when needed. 1030 * 1031 * @summary Title screen reader text handler. 1032 * 1033 * @param {string} id Optional. HTML ID to add the screen reader helper text to. 1034 * 1035 * @global 1036 * 1037 * @returns void 1038 */ 836 1039 wptitlehint = function(id) { 837 1040 id = id || 'title'; … … 860 1063 wptitlehint(); 861 1064 862 // Resize the visual and text editors1065 // Resize the WYSIWYG and plain text editors. 863 1066 ( function() { 864 1067 var editor, offset, mce, … … 866 1069 $postdivrich = $('#postdivrich'); 867 1070 868 // No point for touch devices1071 // If there are no textareas or we are on a touch device, we can't do anything. 869 1072 if ( ! $textarea.length || 'ontouchstart' in window ) { 870 // Hide the resize handle 1073 // Hide the resize handle. 871 1074 $('#content-resize-handle').hide(); 872 1075 return; 873 1076 } 874 1077 1078 /** 1079 * Handle drag event. 1080 * 1081 * @param {Object} event Event containing details about the drag. 1082 */ 875 1083 function dragging( event ) { 876 1084 if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) { … … 887 1095 } 888 1096 1097 /** 1098 * When the dragging stopped make sure we return focus and do a sanity check on the height. 1099 */ 889 1100 function endDrag() { 890 1101 var height, toolbarHeight; … … 910 1121 $document.off( '.wp-editor-resize' ); 911 1122 912 // sanity check1123 // Sanity check: normalize height to stay within acceptable ranges. 913 1124 if ( height && height > 50 && height < 5000 ) { 914 1125 setUserSetting( 'ed_size', height ); … … 937 1148 })(); 938 1149 1150 // TinyMCE specific handling of Post Format changes to reflect in the editor. 939 1151 if ( typeof tinymce !== 'undefined' ) { 940 // When changing post formats, change the editor body class 1152 // When changing post formats, change the editor body class. 941 1153 $( '#post-formats-select input.post-format' ).on( 'change.set-editor-class', function() { 942 1154 var editor, body, format = this.id; … … 951 1163 } 952 1164 953 // Save on pressing Ctrl/Command + S in the Text editor1165 // Save on pressing [ctrl]/[command] + [s] in the Text editor. 954 1166 $textarea.on( 'keydown.wp-autosave', function( event ) { 1167 // Key [s] has code 83. 955 1168 if ( event.which === 83 ) { 956 1169 if ( event.shiftKey || event.altKey || ( isMac && ( ! event.metaKey || event.ctrlKey ) ) || ( ! isMac && ! event.ctrlKey ) ) { … … 963 1176 }); 964 1177 1178 // If the last status was auto-draft and the save is triggered, edit the current URL. 965 1179 if ( $( '#original_post_status' ).val() === 'auto-draft' && window.history.replaceState ) { 966 1180 var location; … … 976 1190 }); 977 1191 1192 /** 1193 * TinyMCE word count display 1194 */ 978 1195 ( function( $, counter ) { 979 1196 $( function() { … … 983 1200 contentEditor; 984 1201 1202 /** 1203 * Get the word count from TinyMCE and display it 1204 */ 985 1205 function update() { 986 1206 var text, count; … … 1001 1221 } 1002 1222 1223 /** 1224 * Bind the word count update triggers. 1225 * 1226 * When a node change in the main TinyMCE editor has been triggered. 1227 * When a key has been released in the plain text content editor. 1228 */ 1003 1229 $( document ).on( 'tinymce-editor-init', function( event, editor ) { 1004 1230 if ( editor.id !== 'content' ) {
Note:
See TracChangeset
for help on using the changeset viewer.
