[Summary view] [Print] [Text view]

   1  /**
   2   * @file Contains all dynamic functionality needed on post and term pages.
   3   *
   4   * @output wp-admin/js/post.js
   5   */
   6  
   7   /* global postL10n, ajaxurl, wpAjax, setPostThumbnailL10n, postboxes, pagenow, tinymce, alert, deleteUserSetting */
   8   /* global theList:true, theExtraList:true, getUserSetting, setUserSetting, commentReply, commentsBox */
   9   /* global WPSetThumbnailHTML, wptitlehint */
  10  
  11  // Backwards compatibility: prevent fatal errors.
  12  window.makeSlugeditClickable = window.editPermalink = function(){};
  13  
  14  // Make sure the wp object exists.
  15  window.wp = window.wp || {};
  16  
  17  ( function( $ ) {
  18      var titleHasFocus = false;
  19  
  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      window.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           * @memberof commentsBox
  35           *
  36           * @param {int} total Total number of comments for this post.
  37           * @param {int} num   Optional. Number of comments to fetch, defaults to 20.
  38           * @return {boolean} Always returns false.
  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>');
  85                  }
  86              );
  87  
  88              return false;
  89          },
  90  
  91          /**
  92           * Load the next batch of comments.
  93           *
  94           * @memberof commentsBox
  95           *
  96           * @param {int} total Total number of comments to load.
  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      window.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      window.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      window.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 occurred 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          }
 152          );
 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( /&amp;/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();
 209                  }
 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                      }
 233                  }
 234              );
 235          }
 236      });
 237  
 238  }(jQuery));
 239  
 240  /**
 241   * Heartbeat refresh nonces.
 242   */
 243  (function($) {
 244      var check, timeout;
 245  
 246      /**
 247       * Only allow to check for nonce refresh every 30 seconds.
 248       */
 249  	function schedule() {
 250          check = false;
 251          window.clearTimeout( timeout );
 252          timeout = window.setTimeout( function(){ check = true; }, 300000 );
 253      }
 254  
 255      $(document).on( 'heartbeat-send.wp-refresh-nonces', function( e, data ) {
 256          var post_id,
 257              $authCheck = $('#wp-auth-check-wrap');
 258  
 259          if ( check || ( $authCheck.length && ! $authCheck.hasClass( 'hidden' ) ) ) {
 260              if ( ( post_id = $('#post_ID').val() ) && $('#_wpnonce').val() ) {
 261                  data['wp-refresh-post-nonces'] = {
 262                      post_id: post_id
 263                  };
 264              }
 265          }
 266      }).on( 'heartbeat-tick.wp-refresh-nonces', function( e, data ) {
 267          var nonces = data['wp-refresh-post-nonces'];
 268  
 269          if ( nonces ) {
 270              schedule();
 271  
 272              if ( nonces.replace ) {
 273                  $.each( nonces.replace, function( selector, value ) {
 274                      $( '#' + selector ).val( value );
 275                  });
 276              }
 277  
 278              if ( nonces.heartbeatNonce )
 279                  window.heartbeatSettings.nonce = nonces.heartbeatNonce;
 280          }
 281      }).ready( function() {
 282          schedule();
 283      });
 284  }(jQuery));
 285  
 286  /**
 287   * All post and postbox controls and functionality.
 288   */
 289  jQuery(document).ready( function($) {
 290      var stamp, visibility, $submitButtons, updateVisibility, updateText,
 291          sticky = '',
 292          $textarea = $('#content'),
 293          $document = $(document),
 294          postId = $('#post_ID').val() || 0,
 295          $submitpost = $('#submitpost'),
 296          releaseLock = true,
 297          $postVisibilitySelect = $('#post-visibility-select'),
 298          $timestampdiv = $('#timestampdiv'),
 299          $postStatusSelect = $('#post-status-select'),
 300          isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false;
 301  
 302      postboxes.add_postbox_toggles(pagenow);
 303  
 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       */
 308      window.name = '';
 309  
 310      // Post locks: contain focus inside the dialog. If the dialog is shown, focus the first item.
 311      $('#post-lock-dialog .notification-dialog').on( 'keydown', function(e) {
 312          // Don't do anything when [Tab] is pressed.
 313          if ( e.which != 9 )
 314              return;
 315  
 316          var target = $(e.target);
 317  
 318          // [Shift] + [Tab] on first tab cycles back to last tab.
 319          if ( target.hasClass('wp-tab-first') && e.shiftKey ) {
 320              $(this).find('.wp-tab-last').focus();
 321              e.preventDefault();
 322          // [Tab] on last tab cycles back to first tab.
 323          } else if ( target.hasClass('wp-tab-last') && ! e.shiftKey ) {
 324              $(this).find('.wp-tab-first').focus();
 325              e.preventDefault();
 326          }
 327      }).filter(':visible').find('.wp-tab-first').focus();
 328  
 329      // Set the heartbeat interval to 15 seconds if post lock dialogs are enabled.
 330      if ( wp.heartbeat && $('#post-lock-dialog').length ) {
 331          wp.heartbeat.interval( 15 );
 332      }
 333  
 334      // The form is being submitted by the user.
 335      $submitButtons = $submitpost.find( ':submit, a.submitdelete, #post-preview' ).on( 'click.edit-post', function( event ) {
 336          var $button = $(this);
 337  
 338          if ( $button.hasClass('disabled') ) {
 339              event.preventDefault();
 340              return;
 341          }
 342  
 343          if ( $button.hasClass('submitdelete') || $button.is( '#post-preview' ) ) {
 344              return;
 345          }
 346  
 347          // The form submission can be blocked from JS or by using HTML 5.0 validation on some fields.
 348          // Run this only on an actual 'submit'.
 349          $('form#post').off( 'submit.edit-post' ).on( 'submit.edit-post', function( event ) {
 350              if ( event.isDefaultPrevented() ) {
 351                  return;
 352              }
 353  
 354              // Stop auto save.
 355              if ( wp.autosave ) {
 356                  wp.autosave.server.suspend();
 357              }
 358  
 359              if ( typeof commentReply !== 'undefined' ) {
 360                  /*
 361                   * Warn the user they have an unsaved comment before submitting
 362                   * the post data for update.
 363                   */
 364                  if ( ! commentReply.discardCommentChanges() ) {
 365                      return false;
 366                  }
 367  
 368                  /*
 369                   * Close the comment edit/reply form if open to stop the form
 370                   * action from interfering with the post's form action.
 371                   */
 372                  commentReply.close();
 373              }
 374  
 375              releaseLock = false;
 376              $(window).off( 'beforeunload.edit-post' );
 377  
 378              $submitButtons.addClass( 'disabled' );
 379  
 380              if ( $button.attr('id') === 'publish' ) {
 381                  $submitpost.find( '#major-publishing-actions .spinner' ).addClass( 'is-active' );
 382              } else {
 383                  $submitpost.find( '#minor-publishing .spinner' ).addClass( 'is-active' );
 384              }
 385          });
 386      });
 387  
 388      // Submit the form saving a draft or an autosave, and show a preview in a new tab.
 389      $('#post-preview').on( 'click.post-preview', function( event ) {
 390          var $this = $(this),
 391              $form = $('form#post'),
 392              $previewField = $('input#wp-preview'),
 393              target = $this.attr('target') || 'wp-preview',
 394              ua = navigator.userAgent.toLowerCase();
 395  
 396          event.preventDefault();
 397  
 398          if ( $this.hasClass('disabled') ) {
 399              return;
 400          }
 401  
 402          if ( wp.autosave ) {
 403              wp.autosave.server.tempBlockSave();
 404          }
 405  
 406          $previewField.val('dopreview');
 407          $form.attr( 'target', target ).submit().attr( 'target', '' );
 408  
 409          // Workaround for WebKit bug preventing a form submitting twice to the same action.
 410          // https://bugs.webkit.org/show_bug.cgi?id=28633
 411          if ( ua.indexOf('safari') !== -1 && ua.indexOf('chrome') === -1 ) {
 412              $form.attr( 'action', function( index, value ) {
 413                  return value + '?t=' + ( new Date() ).getTime();
 414              });
 415          }
 416  
 417          $previewField.val('');
 418      });
 419  
 420      // This code is meant to allow tabbing from Title to Post content.
 421      $('#title').on( 'keydown.editor-focus', function( event ) {
 422          var editor;
 423  
 424          if ( event.keyCode === 9 && ! event.ctrlKey && ! event.altKey && ! event.shiftKey ) {
 425              editor = typeof tinymce != 'undefined' && tinymce.get('content');
 426  
 427              if ( editor && ! editor.isHidden() ) {
 428                  editor.focus();
 429              } else if ( $textarea.length ) {
 430                  $textarea.focus();
 431              } else {
 432                  return;
 433              }
 434  
 435              event.preventDefault();
 436          }
 437      });
 438  
 439      // Auto save new posts after a title is typed.
 440      if ( $( '#auto_draft' ).val() ) {
 441          $( '#title' ).blur( function() {
 442              var cancel;
 443  
 444              if ( ! this.value || $('#edit-slug-box > *').length ) {
 445                  return;
 446              }
 447  
 448              // Cancel the auto save when the blur was triggered by the user submitting the form.
 449              $('form#post').one( 'submit', function() {
 450                  cancel = true;
 451              });
 452  
 453              window.setTimeout( function() {
 454                  if ( ! cancel && wp.autosave ) {
 455                      wp.autosave.server.triggerSave();
 456                  }
 457              }, 200 );
 458          });
 459      }
 460  
 461      $document.on( 'autosave-disable-buttons.edit-post', function() {
 462          $submitButtons.addClass( 'disabled' );
 463      }).on( 'autosave-enable-buttons.edit-post', function() {
 464          if ( ! wp.heartbeat || ! wp.heartbeat.hasConnectionError() ) {
 465              $submitButtons.removeClass( 'disabled' );
 466          }
 467      }).on( 'before-autosave.edit-post', function() {
 468          $( '.autosave-message' ).text( postL10n.savingText );
 469      }).on( 'after-autosave.edit-post', function( event, data ) {
 470          $( '.autosave-message' ).text( data.message );
 471  
 472          if ( $( document.body ).hasClass( 'post-new-php' ) ) {
 473              $( '.submitbox .submitdelete' ).show();
 474          }
 475      });
 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       */
 481      $(window).on( 'beforeunload.edit-post', function() {
 482          var editor = typeof tinymce !== 'undefined' && tinymce.get('content');
 483  
 484          if ( ( editor && ! editor.isHidden() && editor.isDirty() ) ||
 485              ( wp.autosave && wp.autosave.server.postChanged() ) ) {
 486  
 487              return postL10n.saveAlert;
 488          }
 489      }).on( 'unload.edit-post', function( event ) {
 490          if ( ! releaseLock ) {
 491              return;
 492          }
 493  
 494          /*
 495           * Unload is triggered (by hand) on removing the Thickbox iframe.
 496           * Make sure we process only the main document unload.
 497           */
 498          if ( event.target && event.target.nodeName != '#document' ) {
 499              return;
 500          }
 501  
 502          var postID = $('#post_ID').val();
 503          var postLock = $('#active_post_lock').val();
 504  
 505          if ( ! postID || ! postLock ) {
 506              return;
 507          }
 508  
 509          var data = {
 510              action: 'wp-remove-post-lock',
 511              _wpnonce: $('#_wpnonce').val(),
 512              post_ID: postID,
 513              active_post_lock: postLock
 514          };
 515  
 516          if ( window.FormData && window.navigator.sendBeacon ) {
 517              var formData = new window.FormData();
 518  
 519              $.each( data, function( key, value ) {
 520                  formData.append( key, value );
 521              });
 522  
 523              if ( window.navigator.sendBeacon( ajaxurl, formData ) ) {
 524                  return;
 525              }
 526          }
 527  
 528          // Fall back to a synchronous POST request.
 529          // See https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon
 530          $.post({
 531              async: false,
 532              data: data,
 533              url: ajaxurl
 534          });
 535      });
 536  
 537      // Multiple taxonomies.
 538      if ( $('#tagsdiv-post_tag').length ) {
 539          window.tagBox && window.tagBox.init();
 540      } else {
 541          $('.meta-box-sortables').children('div.postbox').each(function(){
 542              if ( this.id.indexOf('tagsdiv-') === 0 ) {
 543                  window.tagBox && window.tagBox.init();
 544                  return false;
 545              }
 546          });
 547      }
 548  
 549      // Handle categories.
 550      $('.categorydiv').each( function(){
 551          var this_id = $(this).attr('id'), catAddBefore, catAddAfter, taxonomyParts, taxonomy, settingName;
 552  
 553          taxonomyParts = this_id.split('-');
 554          taxonomyParts.shift();
 555          taxonomy = taxonomyParts.join('-');
 556          settingName = taxonomy + '_tab';
 557  
 558          if ( taxonomy == 'category' ) {
 559              settingName = 'cats';
 560          }
 561  
 562          // @todo Move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js.
 563          $('a', '#' + taxonomy + '-tabs').click( function( e ) {
 564              e.preventDefault();
 565              var t = $(this).attr('href');
 566              $(this).parent().addClass('tabs').siblings('li').removeClass('tabs');
 567              $('#' + taxonomy + '-tabs').siblings('.tabs-panel').hide();
 568              $(t).show();
 569              if ( '#' + taxonomy + '-all' == t ) {
 570                  deleteUserSetting( settingName );
 571              } else {
 572                  setUserSetting( settingName, 'pop' );
 573              }
 574          });
 575  
 576          if ( getUserSetting( settingName ) )
 577              $('a[href="#' + taxonomy + '-pop"]', '#' + taxonomy + '-tabs').click();
 578  
 579          // Add category button controls.
 580          $('#new' + taxonomy).one( 'focus', function() {
 581              $( this ).val( '' ).removeClass( 'form-input-tip' );
 582          });
 583  
 584          // On [Enter] submit the taxonomy.
 585          $('#new' + taxonomy).keypress( function(event){
 586              if( 13 === event.keyCode ) {
 587                  event.preventDefault();
 588                  $('#' + taxonomy + '-add-submit').click();
 589              }
 590          });
 591  
 592          // After submitting a new taxonomy, re-focus the input field.
 593          $('#' + taxonomy + '-add-submit').click( function() {
 594              $('#new' + taxonomy).focus();
 595          });
 596  
 597          /**
 598           * Before adding a new taxonomy, disable submit button.
 599           *
 600           * @param {Object} s Taxonomy object which will be added.
 601           *
 602           * @return {Object}
 603           */
 604          catAddBefore = function( s ) {
 605              if ( !$('#new'+taxonomy).val() ) {
 606                  return false;
 607              }
 608  
 609              s.data += '&' + $( ':checked', '#'+taxonomy+'checklist' ).serialize();
 610              $( '#' + taxonomy + '-add-submit' ).prop( 'disabled', true );
 611              return s;
 612          };
 613  
 614          /**
 615           * Re-enable submit button after a taxonomy has been added.
 616           *
 617           * Re-enable submit button.
 618           * If the taxonomy has a parent place the taxonomy underneath the parent.
 619           *
 620           * @param {Object} r Response.
 621           * @param {Object} s Taxonomy data.
 622           *
 623           * @return {void}
 624           */
 625          catAddAfter = function( r, s ) {
 626              var sup, drop = $('#new'+taxonomy+'_parent');
 627  
 628              $( '#' + taxonomy + '-add-submit' ).prop( 'disabled', false );
 629              if ( 'undefined' != s.parsed.responses[0] && (sup = s.parsed.responses[0].supplemental.newcat_parent) ) {
 630                  drop.before(sup);
 631                  drop.remove();
 632              }
 633          };
 634  
 635          $('#' + taxonomy + 'checklist').wpList({
 636              alt: '',
 637              response: taxonomy + '-ajax-response',
 638              addBefore: catAddBefore,
 639              addAfter: catAddAfter
 640          });
 641  
 642          // Add new taxonomy button toggles input form visibility.
 643          $('#' + taxonomy + '-add-toggle').click( function( e ) {
 644              e.preventDefault();
 645              $('#' + taxonomy + '-adder').toggleClass( 'wp-hidden-children' );
 646              $('a[href="#' + taxonomy + '-all"]', '#' + taxonomy + '-tabs').click();
 647              $('#new'+taxonomy).focus();
 648          });
 649  
 650          // Sync checked items between "All {taxonomy}" and "Most used" lists.
 651          $('#' + taxonomy + 'checklist, #' + taxonomy + 'checklist-pop').on( 'click', 'li.popular-category > label input[type="checkbox"]', function() {
 652              var t = $(this), c = t.is(':checked'), id = t.val();
 653              if ( id && t.parents('#taxonomy-'+taxonomy).length )
 654                  $('#in-' + taxonomy + '-' + id + ', #in-popular-' + taxonomy + '-' + id).prop( 'checked', c );
 655          });
 656  
 657      }); // End cats.
 658  
 659      // Custom Fields postbox.
 660      if ( $('#postcustom').length ) {
 661          $( '#the-list' ).wpList( {
 662              /**
 663               * Add current post_ID to request to fetch custom fields
 664               *
 665               * @ignore
 666               *
 667               * @param {Object} s Request object.
 668               *
 669               * @return {Object} Data modified with post_ID attached.
 670               */
 671              addBefore: function( s ) {
 672                  s.data += '&post_id=' + $('#post_ID').val();
 673                  return s;
 674              },
 675              /**
 676               * Show the listing of custom fields after fetching.
 677               *
 678               * @ignore
 679               */
 680              addAfter: function() {
 681                  $('table#list-table').show();
 682              }
 683          });
 684      }
 685  
 686      /*
 687       * Publish Post box (#submitdiv)
 688       */
 689      if ( $('#submitdiv').length ) {
 690          stamp = $('#timestamp').html();
 691          visibility = $('#post-visibility-display').html();
 692  
 693          /**
 694           * When the visibility of a post changes sub-options should be shown or hidden.
 695           *
 696           * @ignore
 697           *
 698           * @return {void}
 699           */
 700          updateVisibility = function() {
 701              // Show sticky for public posts.
 702              if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
 703                  $('#sticky').prop('checked', false);
 704                  $('#sticky-span').hide();
 705              } else {
 706                  $('#sticky-span').show();
 707              }
 708  
 709              // Show password input field for password protected post.
 710              if ( $postVisibilitySelect.find('input:radio:checked').val() != 'password' ) {
 711                  $('#password-span').hide();
 712              } else {
 713                  $('#password-span').show();
 714              }
 715          };
 716  
 717          /**
 718           * Make sure all labels represent the current settings.
 719           *
 720           * @ignore
 721           *
 722           * @return {boolean} False when an invalid timestamp has been selected, otherwise True.
 723           */
 724          updateText = function() {
 725  
 726              if ( ! $timestampdiv.length )
 727                  return true;
 728  
 729              var attemptedDate, originalDate, currentDate, publishOn, postStatus = $('#post_status'),
 730                  optPublish = $('option[value="publish"]', postStatus), aa = $('#aa').val(),
 731                  mm = $('#mm').val(), jj = $('#jj').val(), hh = $('#hh').val(), mn = $('#mn').val();
 732  
 733              attemptedDate = new Date( aa, mm - 1, jj, hh, mn );
 734              originalDate = new Date( $('#hidden_aa').val(), $('#hidden_mm').val() -1, $('#hidden_jj').val(), $('#hidden_hh').val(), $('#hidden_mn').val() );
 735              currentDate = new Date( $('#cur_aa').val(), $('#cur_mm').val() -1, $('#cur_jj').val(), $('#cur_hh').val(), $('#cur_mn').val() );
 736  
 737              // Catch unexpected date problems.
 738              if ( attemptedDate.getFullYear() != aa || (1 + attemptedDate.getMonth()) != mm || attemptedDate.getDate() != jj || attemptedDate.getMinutes() != mn ) {
 739                  $timestampdiv.find('.timestamp-wrap').addClass('form-invalid');
 740                  return false;
 741              } else {
 742                  $timestampdiv.find('.timestamp-wrap').removeClass('form-invalid');
 743              }
 744  
 745              // Determine what the publish should be depending on the date and post status.
 746              if ( attemptedDate > currentDate && $('#original_post_status').val() != 'future' ) {
 747                  publishOn = postL10n.publishOnFuture;
 748                  $('#publish').val( postL10n.schedule );
 749              } else if ( attemptedDate <= currentDate && $('#original_post_status').val() != 'publish' ) {
 750                  publishOn = postL10n.publishOn;
 751                  $('#publish').val( postL10n.publish );
 752              } else {
 753                  publishOn = postL10n.publishOnPast;
 754                  $('#publish').val( postL10n.update );
 755              }
 756  
 757              // If the date is the same, set it to trigger update events.
 758              if ( originalDate.toUTCString() == attemptedDate.toUTCString() ) {
 759                  // Re-set to the current value.
 760                  $('#timestamp').html(stamp);
 761              } else {
 762                  $('#timestamp').html(
 763                      '\n' + publishOn + ' <b>' +
 764                      postL10n.dateFormat
 765                          .replace( '%1$s', $( 'option[value="' + mm + '"]', '#mm' ).attr( 'data-text' ) )
 766                          .replace( '%2$s', parseInt( jj, 10 ) )
 767                          .replace( '%3$s', aa )
 768                          .replace( '%4$s', ( '00' + hh ).slice( -2 ) )
 769                          .replace( '%5$s', ( '00' + mn ).slice( -2 ) ) +
 770                          '</b> '
 771                  );
 772              }
 773  
 774              // Add "privately published" to post status when applies.
 775              if ( $postVisibilitySelect.find('input:radio:checked').val() == 'private' ) {
 776                  $('#publish').val( postL10n.update );
 777                  if ( 0 === optPublish.length ) {
 778                      postStatus.append('<option value="publish">' + postL10n.privatelyPublished + '</option>');
 779                  } else {
 780                      optPublish.html( postL10n.privatelyPublished );
 781                  }
 782                  $('option[value="publish"]', postStatus).prop('selected', true);
 783                  $('#misc-publishing-actions .edit-post-status').hide();
 784              } else {
 785                  if ( $('#original_post_status').val() == 'future' || $('#original_post_status').val() == 'draft' ) {
 786                      if ( optPublish.length ) {
 787                          optPublish.remove();
 788                          postStatus.val($('#hidden_post_status').val());
 789                      }
 790                  } else {
 791                      optPublish.html( postL10n.published );
 792                  }
 793                  if ( postStatus.is(':hidden') )
 794                      $('#misc-publishing-actions .edit-post-status').show();
 795              }
 796  
 797              // Update "Status:" to currently selected status.
 798              $('#post-status-display').text(
 799                  // Remove any potential tags from post status text.
 800                  wp.sanitize.stripTagsAndEncodeText( $('option:selected', postStatus).text() )
 801              );
 802  
 803              // Show or hide the "Save Draft" button.
 804              if ( $('option:selected', postStatus).val() == 'private' || $('option:selected', postStatus).val() == 'publish' ) {
 805                  $('#save-post').hide();
 806              } else {
 807                  $('#save-post').show();
 808                  if ( $('option:selected', postStatus).val() == 'pending' ) {
 809                      $('#save-post').show().val( postL10n.savePending );
 810                  } else {
 811                      $('#save-post').show().val( postL10n.saveDraft );
 812                  }
 813              }
 814              return true;
 815          };
 816  
 817          // Show the visibility options and hide the toggle button when opened.
 818          $( '#visibility .edit-visibility').click( function( e ) {
 819              e.preventDefault();
 820              if ( $postVisibilitySelect.is(':hidden') ) {
 821                  updateVisibility();
 822                  $postVisibilitySelect.slideDown( 'fast', function() {
 823                      $postVisibilitySelect.find( 'input[type="radio"]' ).first().focus();
 824                  } );
 825                  $(this).hide();
 826              }
 827          });
 828  
 829          // Cancel visibility selection area and hide it from view.
 830          $postVisibilitySelect.find('.cancel-post-visibility').click( function( event ) {
 831              $postVisibilitySelect.slideUp('fast');
 832              $('#visibility-radio-' + $('#hidden-post-visibility').val()).prop('checked', true);
 833              $('#post_password').val($('#hidden-post-password').val());
 834              $('#sticky').prop('checked', $('#hidden-post-sticky').prop('checked'));
 835              $('#post-visibility-display').html(visibility);
 836              $('#visibility .edit-visibility').show().focus();
 837              updateText();
 838              event.preventDefault();
 839          });
 840  
 841          // Set the selected visibility as current.
 842          $postVisibilitySelect.find('.save-post-visibility').click( function( event ) { // Crazyhorse - multiple OK cancels.
 843              $postVisibilitySelect.slideUp('fast');
 844              $('#visibility .edit-visibility').show().focus();
 845              updateText();
 846  
 847              if ( $postVisibilitySelect.find('input:radio:checked').val() != 'public' ) {
 848                  $('#sticky').prop('checked', false);
 849              }
 850  
 851              if ( $('#sticky').prop('checked') ) {
 852                  sticky = 'Sticky';
 853              } else {
 854                  sticky = '';
 855              }
 856  
 857              $('#post-visibility-display').html(    postL10n[ $postVisibilitySelect.find('input:radio:checked').val() + sticky ]    );
 858              event.preventDefault();
 859          });
 860  
 861          // When the selection changes, update labels.
 862          $postVisibilitySelect.find('input:radio').change( function() {
 863              updateVisibility();
 864          });
 865  
 866          // Edit publish time click.
 867          $timestampdiv.siblings('a.edit-timestamp').click( function( event ) {
 868              if ( $timestampdiv.is( ':hidden' ) ) {
 869                  $timestampdiv.slideDown( 'fast', function() {
 870                      $( 'input, select', $timestampdiv.find( '.timestamp-wrap' ) ).first().focus();
 871                  } );
 872                  $(this).hide();
 873              }
 874              event.preventDefault();
 875          });
 876  
 877          // Cancel editing the publish time and hide the settings.
 878          $timestampdiv.find('.cancel-timestamp').click( function( event ) {
 879              $timestampdiv.slideUp('fast').siblings('a.edit-timestamp').show().focus();
 880              $('#mm').val($('#hidden_mm').val());
 881              $('#jj').val($('#hidden_jj').val());
 882              $('#aa').val($('#hidden_aa').val());
 883              $('#hh').val($('#hidden_hh').val());
 884              $('#mn').val($('#hidden_mn').val());
 885              updateText();
 886              event.preventDefault();
 887          });
 888  
 889          // Save the changed timestamp.
 890          $timestampdiv.find('.save-timestamp').click( function( event ) { // Crazyhorse - multiple OK cancels.
 891              if ( updateText() ) {
 892                  $timestampdiv.slideUp('fast');
 893                  $timestampdiv.siblings('a.edit-timestamp').show().focus();
 894              }
 895              event.preventDefault();
 896          });
 897  
 898          // Cancel submit when an invalid timestamp has been selected.
 899          $('#post').on( 'submit', function( event ) {
 900              if ( ! updateText() ) {
 901                  event.preventDefault();
 902                  $timestampdiv.show();
 903  
 904                  if ( wp.autosave ) {
 905                      wp.autosave.enableButtons();
 906                  }
 907  
 908                  $( '#publishing-action .spinner' ).removeClass( 'is-active' );
 909              }
 910          });
 911  
 912          // Post Status edit click.
 913          $postStatusSelect.siblings('a.edit-post-status').click( function( event ) {
 914              if ( $postStatusSelect.is( ':hidden' ) ) {
 915                  $postStatusSelect.slideDown( 'fast', function() {
 916                      $postStatusSelect.find('select').focus();
 917                  } );
 918                  $(this).hide();
 919              }
 920              event.preventDefault();
 921          });
 922  
 923          // Save the Post Status changes and hide the options.
 924          $postStatusSelect.find('.save-post-status').click( function( event ) {
 925              $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus();
 926              updateText();
 927              event.preventDefault();
 928          });
 929  
 930          // Cancel Post Status editing and hide the options.
 931          $postStatusSelect.find('.cancel-post-status').click( function( event ) {
 932              $postStatusSelect.slideUp( 'fast' ).siblings( 'a.edit-post-status' ).show().focus();
 933              $('#post_status').val( $('#hidden_post_status').val() );
 934              updateText();
 935              event.preventDefault();
 936          });
 937      }
 938  
 939      /**
 940       * Handle the editing of the post_name. Create the required HTML elements and
 941       * update the changes via AJAX.
 942       *
 943       * @global
 944       *
 945       * @return {void}
 946       */
 947  	function editPermalink() {
 948          var i, slug_value,
 949              $el, revert_e,
 950              c = 0,
 951              real_slug = $('#post_name'),
 952              revert_slug = real_slug.val(),
 953              permalink = $( '#sample-permalink' ),
 954              permalinkOrig = permalink.html(),
 955              permalinkInner = $( '#sample-permalink a' ).html(),
 956              buttons = $('#edit-slug-buttons'),
 957              buttonsOrig = buttons.html(),
 958              full = $('#editable-post-name-full');
 959  
 960          // Deal with Twemoji in the post-name.
 961          full.find( 'img' ).replaceWith( function() { return this.alt; } );
 962          full = full.html();
 963  
 964          permalink.html( permalinkInner );
 965  
 966          // Save current content to revert to when cancelling.
 967          $el = $( '#editable-post-name' );
 968          revert_e = $el.html();
 969  
 970          buttons.html( '<button type="button" class="save button button-small">' + postL10n.ok + '</button> <button type="button" class="cancel button-link">' + postL10n.cancel + '</button>' );
 971  
 972          // Save permalink changes.
 973          buttons.children( '.save' ).click( function() {
 974              var new_slug = $el.children( 'input' ).val();
 975  
 976              if ( new_slug == $('#editable-post-name-full').text() ) {
 977                  buttons.children('.cancel').click();
 978                  return;
 979              }
 980  
 981              $.post(
 982                  ajaxurl,
 983                  {
 984                      action: 'sample-permalink',
 985                      post_id: postId,
 986                      new_slug: new_slug,
 987                      new_title: $('#title').val(),
 988                      samplepermalinknonce: $('#samplepermalinknonce').val()
 989                  },
 990                  function(data) {
 991                      var box = $('#edit-slug-box');
 992                      box.html(data);
 993                      if (box.hasClass('hidden')) {
 994                          box.fadeIn('fast', function () {
 995                              box.removeClass('hidden');
 996                          });
 997                      }
 998  
 999                      buttons.html(buttonsOrig);
1000                      permalink.html(permalinkOrig);
1001                      real_slug.val(new_slug);
1002                      $( '.edit-slug' ).focus();
1003                      wp.a11y.speak( postL10n.permalinkSaved );
1004                  }
1005              );
1006          });
1007  
1008          // Cancel editing of permalink.
1009          buttons.children( '.cancel' ).click( function() {
1010              $('#view-post-btn').show();
1011              $el.html(revert_e);
1012              buttons.html(buttonsOrig);
1013              permalink.html(permalinkOrig);
1014              real_slug.val(revert_slug);
1015              $( '.edit-slug' ).focus();
1016          });
1017  
1018          // If more than 1/4th of 'full' is '%', make it empty.
1019          for ( i = 0; i < full.length; ++i ) {
1020              if ( '%' == full.charAt(i) )
1021                  c++;
1022          }
1023          slug_value = ( c > full.length / 4 ) ? '' : full;
1024  
1025          $el.html( '<input type="text" id="new-post-slug" value="' + slug_value + '" autocomplete="off" />' ).children( 'input' ).keydown( function( e ) {
1026              var key = e.which;
1027              // On [Enter], just save the new slug, don't save the post.
1028              if ( 13 === key ) {
1029                  e.preventDefault();
1030                  buttons.children( '.save' ).click();
1031              }
1032              // On [Esc] cancel the editing.
1033              if ( 27 === key ) {
1034                  buttons.children( '.cancel' ).click();
1035              }
1036          } ).keyup( function() {
1037              real_slug.val( this.value );
1038          }).focus();
1039      }
1040  
1041      $( '#titlediv' ).on( 'click', '.edit-slug', function() {
1042          editPermalink();
1043      });
1044  
1045      /**
1046       * Adds screen reader text to the title label when needed.
1047       *
1048       * Use the 'screen-reader-text' class to emulate a placeholder attribute
1049       * and hide the label when entering a value.
1050       *
1051       * @param {string} id Optional. HTML ID to add the screen reader helper text to.
1052       *
1053       * @global
1054       *
1055       * @return {void}
1056       */
1057      window.wptitlehint = function( id ) {
1058          id = id || 'title';
1059  
1060          var title = $( '#' + id ), titleprompt = $( '#' + id + '-prompt-text' );
1061  
1062          if ( '' === title.val() ) {
1063              titleprompt.removeClass( 'screen-reader-text' );
1064          }
1065  
1066          title.on( 'input', function() {
1067              if ( '' === this.value ) {
1068                  titleprompt.removeClass( 'screen-reader-text' );
1069                  return;
1070              }
1071  
1072              titleprompt.addClass( 'screen-reader-text' );
1073          } );
1074      };
1075  
1076      wptitlehint();
1077  
1078      // Resize the WYSIWYG and plain text editors.
1079      ( function() {
1080          var editor, offset, mce,
1081              $handle = $('#post-status-info'),
1082              $postdivrich = $('#postdivrich');
1083  
1084          // If there are no textareas or we are on a touch device, we can't do anything.
1085          if ( ! $textarea.length || 'ontouchstart' in window ) {
1086              // Hide the resize handle.
1087              $('#content-resize-handle').hide();
1088              return;
1089          }
1090  
1091          /**
1092           * Handle drag event.
1093           *
1094           * @param {Object} event Event containing details about the drag.
1095           */
1096  		function dragging( event ) {
1097              if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) {
1098                  return;
1099              }
1100  
1101              if ( mce ) {
1102                  editor.theme.resizeTo( null, offset + event.pageY );
1103              } else {
1104                  $textarea.height( Math.max( 50, offset + event.pageY ) );
1105              }
1106  
1107              event.preventDefault();
1108          }
1109  
1110          /**
1111           * When the dragging stopped make sure we return focus and do a sanity check on the height.
1112           */
1113  		function endDrag() {
1114              var height, toolbarHeight;
1115  
1116              if ( $postdivrich.hasClass( 'wp-editor-expand' ) ) {
1117                  return;
1118              }
1119  
1120              if ( mce ) {
1121                  editor.focus();
1122                  toolbarHeight = parseInt( $( '#wp-content-editor-container .mce-toolbar-grp' ).height(), 10 );
1123  
1124                  if ( toolbarHeight < 10 || toolbarHeight > 200 ) {
1125                      toolbarHeight = 30;
1126                  }
1127  
1128                  height = parseInt( $('#content_ifr').css('height'), 10 ) + toolbarHeight - 28;
1129              } else {
1130                  $textarea.focus();
1131                  height = parseInt( $textarea.css('height'), 10 );
1132              }
1133  
1134              $document.off( '.wp-editor-resize' );
1135  
1136              // Sanity check: normalize height to stay within acceptable ranges.
1137              if ( height && height > 50 && height < 5000 ) {
1138                  setUserSetting( 'ed_size', height );
1139              }
1140          }
1141  
1142          $handle.on( 'mousedown.wp-editor-resize', function( event ) {
1143              if ( typeof tinymce !== 'undefined' ) {
1144                  editor = tinymce.get('content');
1145              }
1146  
1147              if ( editor && ! editor.isHidden() ) {
1148                  mce = true;
1149                  offset = $('#content_ifr').height() - event.pageY;
1150              } else {
1151                  mce = false;
1152                  offset = $textarea.height() - event.pageY;
1153                  $textarea.blur();
1154              }
1155  
1156              $document.on( 'mousemove.wp-editor-resize', dragging )
1157                  .on( 'mouseup.wp-editor-resize mouseleave.wp-editor-resize', endDrag );
1158  
1159              event.preventDefault();
1160          }).on( 'mouseup.wp-editor-resize', endDrag );
1161      })();
1162  
1163      // TinyMCE specific handling of Post Format changes to reflect in the editor.
1164      if ( typeof tinymce !== 'undefined' ) {
1165          // When changing post formats, change the editor body class.
1166          $( '#post-formats-select input.post-format' ).on( 'change.set-editor-class', function() {
1167              var editor, body, format = this.id;
1168  
1169              if ( format && $( this ).prop( 'checked' ) && ( editor = tinymce.get( 'content' ) ) ) {
1170                  body = editor.getBody();
1171                  body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
1172                  editor.dom.addClass( body, format == 'post-format-0' ? 'post-format-standard' : format );
1173                  $( document ).trigger( 'editor-classchange' );
1174              }
1175          });
1176  
1177          // When changing page template, change the editor body class.
1178          $( '#page_template' ).on( 'change.set-editor-class', function() {
1179              var editor, body, pageTemplate = $( this ).val() || '';
1180  
1181              pageTemplate = pageTemplate.substr( pageTemplate.lastIndexOf( '/' ) + 1, pageTemplate.length )
1182                  .replace( /\.php$/, '' )
1183                  .replace( /\./g, '-' );
1184  
1185              if ( pageTemplate && ( editor = tinymce.get( 'content' ) ) ) {
1186                  body = editor.getBody();
1187                  body.className = body.className.replace( /\bpage-template-[^ ]+/, '' );
1188                  editor.dom.addClass( body, 'page-template-' + pageTemplate );
1189                  $( document ).trigger( 'editor-classchange' );
1190              }
1191          });
1192  
1193      }
1194  
1195      // Save on pressing [Ctrl]/[Command] + [S] in the Text editor.
1196      $textarea.on( 'keydown.wp-autosave', function( event ) {
1197          // Key [S] has code 83.
1198          if ( event.which === 83 ) {
1199              if ( event.shiftKey || event.altKey || ( isMac && ( ! event.metaKey || event.ctrlKey ) ) || ( ! isMac && ! event.ctrlKey ) ) {
1200                  return;
1201              }
1202  
1203              wp.autosave && wp.autosave.server.triggerSave();
1204              event.preventDefault();
1205          }
1206      });
1207  
1208      // If the last status was auto-draft and the save is triggered, edit the current URL.
1209      if ( $( '#original_post_status' ).val() === 'auto-draft' && window.history.replaceState ) {
1210          var location;
1211  
1212          $( '#publish' ).on( 'click', function() {
1213              location = window.location.href;
1214              location += ( location.indexOf( '?' ) !== -1 ) ? '&' : '?';
1215              location += 'wp-post-new-reload=true';
1216  
1217              window.history.replaceState( null, null, location );
1218          });
1219      }
1220  });
1221  
1222  /**
1223   * TinyMCE word count display
1224   */
1225  ( function( $, counter ) {
1226      $( function() {
1227          var $content = $( '#content' ),
1228              $count = $( '#wp-word-count' ).find( '.word-count' ),
1229              prevCount = 0,
1230              contentEditor;
1231  
1232          /**
1233           * Get the word count from TinyMCE and display it
1234           */
1235  		function update() {
1236              var text, count;
1237  
1238              if ( ! contentEditor || contentEditor.isHidden() ) {
1239                  text = $content.val();
1240              } else {
1241                  text = contentEditor.getContent( { format: 'raw' } );
1242              }
1243  
1244              count = counter.count( text );
1245  
1246              if ( count !== prevCount ) {
1247                  $count.text( count );
1248              }
1249  
1250              prevCount = count;
1251          }
1252  
1253          /**
1254           * Bind the word count update triggers.
1255           *
1256           * When a node change in the main TinyMCE editor has been triggered.
1257           * When a key has been released in the plain text content editor.
1258           */
1259          $( document ).on( 'tinymce-editor-init', function( event, editor ) {
1260              if ( editor.id !== 'content' ) {
1261                  return;
1262              }
1263  
1264              contentEditor = editor;
1265  
1266              editor.on( 'nodechange keyup', _.debounce( update, 1000 ) );
1267          } );
1268  
1269          $content.on( 'input keyup', _.debounce( update, 1000 ) );
1270  
1271          update();
1272      } );
1273  
1274  } )( jQuery, new wp.utils.WordCounter() );