wp-admin/js/common.js

   1 /* global setUserSetting, ajaxurl, commonL10n, alert, confirm, pagenow */
   2 var showNotice, adminMenu, columns, validateForm, screenMeta;
   3 ( function( $, window, undefined ) {
   4 // Removed in 3.3.
   5 // (perhaps) needed for back-compat
   6 adminMenu = {
   7         init : function() {},
   8         fold : function() {},
   9         restoreMenuState : function() {},
  10         toggle : function() {},
  11         favorites : function() {}
  12 };
  13
  14 // show/hide/save table columns
  15 columns = {
  16         init : function() {
  17                 var that = this;
  18                 $('.hide-column-tog', '#adv-settings').click( function() {
  19                         var $t = $(this), column = $t.val();
  20                         if ( $t.prop('checked') )
  21                                 that.checked(column);
  22                         else
  23                                 that.unchecked(column);
  24
  25                         columns.saveManageColumnsState();
  26                 });
  27         },
  28
  29         saveManageColumnsState : function() {
  30                 var hidden = this.hidden();
  31                 $.post(ajaxurl, {
  32                         action: 'hidden-columns',
  33                         hidden: hidden,
  34                         screenoptionnonce: $('#screenoptionnonce').val(),
  35                         page: pagenow
  36                 });
  37         },
  38
  39         checked : function(column) {
  40                 $('.column-' + column).show();
  41                 this.colSpanChange(+1);
  42         },
  43
  44         unchecked : function(column) {
  45                 $('.column-' + column).hide();
  46                 this.colSpanChange(-1);
  47         },
  48
  49         hidden : function() {
  50                 return $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(',');
  51         },
  52
  53         useCheckboxesForHidden : function() {
  54                 this.hidden = function(){
  55                         return $('.hide-column-tog').not(':checked').map(function() {
  56                                 var id = this.id;
  57                                 return id.substring( id, id.length - 5 );
  58                         }).get().join(',');
  59                 };
  60         },
  61
  62         colSpanChange : function(diff) {
  63                 var $t = $('table').find('.colspanchange'), n;
  64                 if ( !$t.length )
  65                         return;
  66                 n = parseInt( $t.attr('colspan'), 10 ) + diff;
  67                 $t.attr('colspan', n.toString());
  68         }
  69 };
  70
  71 $(document).ready(function(){columns.init();});
  72
  73 validateForm = function( form ) {
  74         return !$( form )
  75                 .find( '.form-required' )
  76                 .filter( function() { return $( 'input:visible', this ).val() === ''; } )
  77                 .addClass( 'form-invalid' )
  78                 .find( 'input:visible' )
  79                 .change( function() { $( this ).closest( '.form-invalid' ).removeClass( 'form-invalid' ); } )
  80                 .size();
  81 };
  82
  83 // stub for doing better warnings
  84 showNotice = {
  85         warn : function() {
  86                 var msg = commonL10n.warnDelete || '';
  87                 if ( confirm(msg) ) {
  88                         return true;
  89                 }
  90
  91                 return false;
  92         },
  93
  94         note : function(text) {
  95                 alert(text);
  96         }
  97 };
  98
  99 screenMeta = {
 100         element: null, // #screen-meta
 101         toggles: null, // .screen-meta-toggle
 102         page:    null, // #wpcontent
 103
 104         init: function() {
 105                 this.element = $('#screen-meta');
 106                 this.toggles = $('.screen-meta-toggle a');
 107                 this.page    = $('#wpcontent');
 108
 109                 this.toggles.click( this.toggleEvent );
 110         },
 111
 112         toggleEvent: function( e ) {
 113                 var panel = $( this.href.replace(/.+#/, '#') );
 114                 e.preventDefault();
 115
 116                 if ( !panel.length )
 117                         return;
 118
 119                 if ( panel.is(':visible') )
 120                         screenMeta.close( panel, $(this) );
 121                 else
 122                         screenMeta.open( panel, $(this) );
 123         },
 124
 125         open: function( panel, link ) {
 126
 127                 $('.screen-meta-toggle').not( link.parent() ).css('visibility', 'hidden');
 128
 129                 panel.parent().show();
 130                 panel.slideDown( 'fast', function() {
 131                         panel.focus();
 132                         link.addClass('screen-meta-active').attr('aria-expanded', true);
 133                 });
 134
 135                 $( document ).trigger( 'screen:options:open' );
 136         },
 137
 138         close: function( panel, link ) {
 139                 panel.slideUp( 'fast', function() {
 140                         link.removeClass('screen-meta-active').attr('aria-expanded', false);
 141                         $('.screen-meta-toggle').css('visibility', '');
 142                         panel.parent().hide();
 143                 });
 144
 145                 $( document ).trigger( 'screen:options:close' );
 146         }
 147 };
 148
 149 /**
 150  * Help tabs.
 151  */
 152 $('.contextual-help-tabs').delegate('a', 'click', function(e) {
 153         var link = $(this),
 154                 panel;
 155
 156         e.preventDefault();
 157
 158         // Don't do anything if the click is for the tab already showing.
 159         if ( link.is('.active a') )
 160                 return false;
 161
 162         // Links
 163         $('.contextual-help-tabs .active').removeClass('active');
 164         link.parent('li').addClass('active');
 165
 166         panel = $( link.attr('href') );
 167
 168         // Panels
 169         $('.help-tab-content').not( panel ).removeClass('active').hide();
 170         panel.addClass('active').show();
 171 });
 172
 173 $(document).ready( function() {
 174         var checks, first, last, checked, sliced, mobileEvent, transitionTimeout, focusedRowActions, $firstHeading,
 175                 lastClicked = false,
 176                 pageInput = $('input.current-page'),
 177                 currentPage = pageInput.val(),
 178                 isIOS = /iPhone|iPad|iPod/.test( navigator.userAgent ),
 179                 isAndroid = navigator.userAgent.indexOf( 'Android' ) !== -1,
 180                 isIE8 = $( document.documentElement ).hasClass( 'ie8' ),
 181                 $document = $( document ),
 182                 $window = $( window ),
 183                 $body = $( document.body ),
 184                 $adminMenuWrap = $( '#adminmenuwrap' ),
 185                 $wpwrap = $( '#wpwrap' ),
 186                 $adminmenu = $( '#adminmenu' ),
 187                 $overlay = $( '#wp-responsive-overlay' ),
 188                 $toolbar = $( '#wp-toolbar' ),
 189                 $toolbarPopups = $toolbar.find( 'a[aria-haspopup="true"]' ),
 190                 $sortables = $('.meta-box-sortables'),
 191                 wpResponsiveActive = false,
 192                 $adminbar = $( '#wpadminbar' ),
 193                 lastScrollPosition = 0,
 194                 pinnedMenuTop = false,
 195                 pinnedMenuBottom = false,
 196                 menuTop = 0,
 197                 menuIsPinned = false,
 198                 height = {
 199                         window: $window.height(),
 200                         wpwrap: $wpwrap.height(),
 201                         adminbar: $adminbar.height(),
 202                         menu: $adminMenuWrap.height()
 203                 };
 204
 205
 206         // when the menu is folded, make the fly-out submenu header clickable
 207         $adminmenu.on('click.wp-submenu-head', '.wp-submenu-head', function(e){
 208                 $(e.target).parent().siblings('a').get(0).click();
 209         });
 210
 211         $('#collapse-menu').on('click.collapse-menu', function() {
 212                 var body = $( document.body ), respWidth, state;
 213
 214                 // reset any compensation for submenus near the bottom of the screen
 215                 $('#adminmenu div.wp-submenu').css('margin-top', '');
 216
 217                 if ( window.innerWidth ) {
 218                         // window.innerWidth is affected by zooming on phones
 219                         respWidth = Math.max( window.innerWidth, document.documentElement.clientWidth );
 220                 } else {
 221                         // IE < 9 doesn't support @media CSS rules
 222                         respWidth = 961;
 223                 }
 224
 225                 if ( respWidth && respWidth < 960 ) {
 226                         if ( body.hasClass('auto-fold') ) {
 227                                 body.removeClass('auto-fold').removeClass('folded');
 228                                 setUserSetting('unfold', 1);
 229                                 setUserSetting('mfold', 'o');
 230                                 state = 'open';
 231                         } else {
 232                                 body.addClass('auto-fold');
 233                                 setUserSetting('unfold', 0);
 234                                 state = 'folded';
 235                         }
 236                 } else {
 237                         if ( body.hasClass('folded') ) {
 238                                 body.removeClass('folded');
 239                                 setUserSetting('mfold', 'o');
 240                                 state = 'open';
 241                         } else {
 242                                 body.addClass('folded');
 243                                 setUserSetting('mfold', 'f');
 244                                 state = 'folded';
 245                         }
 246                 }
 247
 248                 $( document ).trigger( 'wp-collapse-menu', { state: state } );
 249         });
 250
 251         /**
 252          * Ensure an admin submenu is within the visual viewport.
 253          *
 254          * @since 4.1.0
 255          *
 256          * @param {jQuery} $menuItem The parent menu item containing the submenu.
 257          */
 258         function adjustSubmenu( $menuItem ) {
 259                 var bottomOffset, pageHeight, adjustment, theFold, menutop, wintop, maxtop,
 260                         $submenu = $menuItem.find( '.wp-submenu' );
 261
 262                 menutop = $menuItem.offset().top;
 263                 wintop = $window.scrollTop();
 264                 maxtop = menutop - wintop - 30; // max = make the top of the sub almost touch admin bar
 265
 266                 bottomOffset = menutop + $submenu.height() + 1; // Bottom offset of the menu
 267                 pageHeight = $wpwrap.height(); // Height of the entire page
 268                 adjustment = 60 + bottomOffset - pageHeight;
 269                 theFold = $window.height() + wintop - 50; // The fold
 270
 271                 if ( theFold < ( bottomOffset - adjustment ) ) {
 272                         adjustment = bottomOffset - theFold;
 273                 }
 274
 275                 if ( adjustment > maxtop ) {
 276                         adjustment = maxtop;
 277                 }
 278
 279                 if ( adjustment > 1 ) {
 280                         $submenu.css( 'margin-top', '-' + adjustment + 'px' );
 281                 } else {
 282                         $submenu.css( 'margin-top', '' );
 283                 }
 284         }
 285
 286         if ( 'ontouchstart' in window || /IEMobile\/[1-9]/.test(navigator.userAgent) ) { // touch screen device
 287                 // iOS Safari works with touchstart, the rest work with click
 288                 mobileEvent = isIOS ? 'touchstart' : 'click';
 289
 290                 // close any open submenus when touch/click is not on the menu
 291                 $(document.body).on( mobileEvent+'.wp-mobile-hover', function(e) {
 292                         if ( $adminmenu.data('wp-responsive') ) {
 293                                 return;
 294                         }
 295
 296                         if ( ! $( e.target ).closest( '#adminmenu' ).length ) {
 297                                 $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' );
 298                         }
 299                 });
 300
 301                 $adminmenu.find( 'a.wp-has-submenu' ).on( mobileEvent + '.wp-mobile-hover', function( event ) {
 302                         var $menuItem = $(this).parent();
 303
 304                         if ( $adminmenu.data( 'wp-responsive' ) ) {
 305                                 return;
 306                         }
 307
 308                         // Show the sub instead of following the link if:
 309                         //      - the submenu is not open
 310                         //      - the submenu is not shown inline or the menu is not folded
 311                         if ( ! $menuItem.hasClass( 'opensub' ) && ( ! $menuItem.hasClass( 'wp-menu-open' ) || $menuItem.width() < 40 ) ) {
 312                                 event.preventDefault();
 313                                 adjustSubmenu( $menuItem );
 314                                 $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' );
 315                                 $menuItem.addClass('opensub');
 316                         }
 317                 });
 318         }
 319
 320         if ( ! isIOS && ! isAndroid ) {
 321                 $adminmenu.find( 'li.wp-has-submenu' ).hoverIntent({
 322                         over: function() {
 323                                 var $menuItem = $( this ),
 324                                         $submenu = $menuItem.find( '.wp-submenu' ),
 325                                         top = parseInt( $submenu.css( 'top' ), 10 );
 326
 327                                 if ( isNaN( top ) || top > -5 ) { // the submenu is visible
 328                                         return;
 329                                 }
 330
 331                                 if ( $adminmenu.data( 'wp-responsive' ) ) {
 332                                         // The menu is in responsive mode, bail
 333                                         return;
 334                                 }
 335
 336                                 adjustSubmenu( $menuItem );
 337                                 $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' );
 338                                 $menuItem.addClass( 'opensub' );
 339                         },
 340                         out: function(){
 341                                 if ( $adminmenu.data( 'wp-responsive' ) ) {
 342                                         // The menu is in responsive mode, bail
 343                                         return;
 344                                 }
 345
 346                                 $( this ).removeClass( 'opensub' ).find( '.wp-submenu' ).css( 'margin-top', '' );
 347                         },
 348                         timeout: 200,
 349                         sensitivity: 7,
 350                         interval: 90
 351                 });
 352
 353                 $adminmenu.on( 'focus.adminmenu', '.wp-submenu a', function( event ) {
 354                         if ( $adminmenu.data( 'wp-responsive' ) ) {
 355                                 // The menu is in responsive mode, bail
 356                                 return;
 357                         }
 358
 359                         $( event.target ).closest( 'li.menu-top' ).addClass( 'opensub' );
 360                 }).on( 'blur.adminmenu', '.wp-submenu a', function( event ) {
 361                         if ( $adminmenu.data( 'wp-responsive' ) ) {
 362                                 return;
 363                         }
 364
 365                         $( event.target ).closest( 'li.menu-top' ).removeClass( 'opensub' );
 366                 }).find( 'li.wp-has-submenu.wp-not-current-submenu' ).on( 'focusin.adminmenu', function() {
 367                         adjustSubmenu( $( this ) );
 368                 });
 369         }
 370
 371         // Move .notice, .updated and .error alert boxes. Don't move boxes designed to be inline.
 372         $firstHeading = $( 'div.wrap h2:first' );
 373         $firstHeading.nextAll( 'div.updated, div.error, div.notice' ).addClass( 'below-h2' );
 374         $( 'div.updated, div.error, div.notice' ).not( '.below-h2, .inline' ).insertAfter( $firstHeading );
 375
 376         // Make notices dismissible
 377         $( '.notice.is-dismissible' ).each( function() {
 378                 var $this = $( this ),
 379                         $button = $( '<button type="button" class="notice-dismiss"><span class="screen-reader-text"></span></button>' ),
 380                         btnText = commonL10n.dismiss || '';
 381
 382                 // Ensure plain text
 383                 $button.find( '.screen-reader-text' ).text( btnText );
 384
 385                 $this.append( $button );
 386
 387                 $button.on( 'click.wp-dismiss-notice', function( event ) {
 388                         event.preventDefault();
 389                         $this.fadeTo( 100 , 0, function() {
 390                                 $(this).slideUp( 100, function() {
 391                                         $(this).remove();
 392                                 });
 393                         });
 394                 });
 395         });
 396
 397         // Init screen meta
 398         screenMeta.init();
 399
 400         // check all checkboxes
 401         $('tbody').children().children('.check-column').find(':checkbox').click( function(e) {
 402                 if ( 'undefined' == e.shiftKey ) { return true; }
 403                 if ( e.shiftKey ) {
 404                         if ( !lastClicked ) { return true; }
 405                         checks = $( lastClicked ).closest( 'form' ).find( ':checkbox' );
 406                         first = checks.index( lastClicked );
 407                         last = checks.index( this );
 408                         checked = $(this).prop('checked');
 409                         if ( 0 < first && 0 < last && first != last ) {
 410                                 sliced = ( last > first ) ? checks.slice( first, last ) : checks.slice( last, first );
 411                                 sliced.prop( 'checked', function() {
 412                                         if ( $(this).closest('tr').is(':visible') )
 413                                                 return checked;
 414
 415                                         return false;
 416                                 });
 417                         }
 418                 }
 419                 lastClicked = this;
 420
 421                 // toggle "check all" checkboxes
 422                 var unchecked = $(this).closest('tbody').find(':checkbox').filter(':visible').not(':checked');
 423                 $(this).closest('table').children('thead, tfoot').find(':checkbox').prop('checked', function() {
 424                         return ( 0 === unchecked.length );
 425                 });
 426
 427                 return true;
 428         });
 429
 430         $('thead, tfoot').find('.check-column :checkbox').on( 'click.wp-toggle-checkboxes', function( event ) {
 431                 var $this = $(this),
 432                         $table = $this.closest( 'table' ),
 433                         controlChecked = $this.prop('checked'),
 434                         toggle = event.shiftKey || $this.data('wp-toggle');
 435
 436                 $table.children( 'tbody' ).filter(':visible')
 437                         .children().children('.check-column').find(':checkbox')
 438                         .prop('checked', function() {
 439                                 if ( $(this).is(':hidden') ) {
 440                                         return false;
 441                                 }
 442
 443                                 if ( toggle ) {
 444                                         return ! $(this).prop( 'checked' );
 445                                 } else if ( controlChecked ) {
 446                                         return true;
 447                                 }
 448
 449                                 return false;
 450                         });
 451
 452                 $table.children('thead,  tfoot').filter(':visible')
 453                         .children().children('.check-column').find(':checkbox')
 454                         .prop('checked', function() {
 455                                 if ( toggle ) {
 456                                         return false;
 457                                 } else if ( controlChecked ) {
 458                                         return true;
 459                                 }
 460
 461                                 return false;
 462                         });
 463         });
 464
 465         // Show row actions on keyboard focus of its parent container element or any other elements contained within
 466         $( '#wpbody-content' ).on({
 467                 focusin: function() {
 468                         clearTimeout( transitionTimeout );
 469                         focusedRowActions = $( this ).find( '.row-actions' );
 470                         // transitionTimeout is necessary for Firefox, but Chrome won't remove the CSS class without a little help.
 471                         $( '.row-actions' ).not( this ).removeClass( 'visible' );
 472                         focusedRowActions.addClass( 'visible' );
 473                 },
 474                 focusout: function() {
 475                         // Tabbing between post title and .row-actions links needs a brief pause, otherwise
 476                         // the .row-actions div gets hidden in transit in some browsers (ahem, Firefox).
 477                         transitionTimeout = setTimeout( function() {
 478                                 focusedRowActions.removeClass( 'visible' );
 479                         }, 30 );
 480                 }
 481         }, 'td.post-title, td.title, td.comment, .tags td.column-name, .bookmarks td.column-name, td.blogname, .users-network td.column-blogs, td.username, .dashboard-comment-wrap' );
 482
 483         $('#default-password-nag-no').click( function() {
 484                 setUserSetting('default_password_nag', 'hide');
 485                 $('div.default-password-nag').hide();
 486                 return false;
 487         });
 488
 489         // tab in textareas
 490         $('#newcontent').bind('keydown.wpevent_InsertTab', function(e) {
 491                 var el = e.target, selStart, selEnd, val, scroll, sel;
 492
 493                 if ( e.keyCode == 27 ) { // escape key
 494                         // when pressing Escape: Opera 12 and 27 blur form fields, IE 8 clears them
 495                         e.preventDefault();
 496                         $(el).data('tab-out', true);
 497                         return;
 498                 }
 499
 500                 if ( e.keyCode != 9 || e.ctrlKey || e.altKey || e.shiftKey ) // tab key
 501                         return;
 502
 503                 if ( $(el).data('tab-out') ) {
 504                         $(el).data('tab-out', false);
 505                         return;
 506                 }
 507
 508                 selStart = el.selectionStart;
 509                 selEnd = el.selectionEnd;
 510                 val = el.value;
 511
 512                 if ( document.selection ) {
 513                         el.focus();
 514                         sel = document.selection.createRange();
 515                         sel.text = '\t';
 516                 } else if ( selStart >= 0 ) {
 517                         scroll = this.scrollTop;
 518                         el.value = val.substring(0, selStart).concat('\t', val.substring(selEnd) );
 519                         el.selectionStart = el.selectionEnd = selStart + 1;
 520                         this.scrollTop = scroll;
 521                 }
 522
 523                 if ( e.stopPropagation )
 524                         e.stopPropagation();
 525                 if ( e.preventDefault )
 526                         e.preventDefault();
 527         });
 528
 529         if ( pageInput.length ) {
 530                 pageInput.closest('form').submit( function() {
 531
 532                         // Reset paging var for new filters/searches but not for bulk actions. See #17685.
 533                         if ( $('select[name="action"]').val() == -1 && $('select[name="action2"]').val() == -1 && pageInput.val() == currentPage )
 534                                 pageInput.val('1');
 535                 });
 536         }
 537
 538         $('.search-box input[type="search"], .search-box input[type="submit"]').mousedown(function () {
 539                 $('select[name^="action"]').val('-1');
 540         });
 541
 542         // Scroll into view when focused
 543         $('#contextual-help-link, #show-settings-link').on( 'focus.scroll-into-view', function(e){
 544                 if ( e.target.scrollIntoView )
 545                         e.target.scrollIntoView(false);
 546         });
 547
 548         // Disable upload buttons until files are selected
 549         (function(){
 550                 var button, input, form = $('form.wp-upload-form');
 551                 if ( ! form.length )
 552                         return;
 553                 button = form.find('input[type="submit"]');
 554                 input = form.find('input[type="file"]');
 555
 556                 function toggleUploadButton() {
 557                         button.prop('disabled', '' === input.map( function() {
 558                                 return $(this).val();
 559                         }).get().join(''));
 560                 }
 561                 toggleUploadButton();
 562                 input.on('change', toggleUploadButton);
 563         })();
 564
 565         function pinMenu( event ) {
 566                 var windowPos = $window.scrollTop(),
 567                         resizing = ! event || event.type !== 'scroll';
 568
 569                 if ( isIOS || isIE8 || $adminmenu.data( 'wp-responsive' ) ) {
 570                         return;
 571                 }
 572
 573                 if ( height.menu + height.adminbar < height.window ||
 574                         height.menu + height.adminbar + 20 > height.wpwrap ) {
 575                         unpinMenu();
 576                         return;
 577                 }
 578
 579                 menuIsPinned = true;
 580
 581                 if ( height.menu + height.adminbar > height.window ) {
 582                         // Check for overscrolling
 583                         if ( windowPos < 0 ) {
 584                                 if ( ! pinnedMenuTop ) {
 585                                         pinnedMenuTop = true;
 586                                         pinnedMenuBottom = false;
 587
 588                                         $adminMenuWrap.css({
 589                                                 position: 'fixed',
 590                                                 top: '',
 591                                                 bottom: ''
 592                                         });
 593                                 }
 594
 595                                 return;
 596                         } else if ( windowPos + height.window > $document.height() - 1 ) {
 597                                 if ( ! pinnedMenuBottom ) {
 598                                         pinnedMenuBottom = true;
 599                                         pinnedMenuTop = false;
 600
 601                                         $adminMenuWrap.css({
 602                                                 position: 'fixed',
 603                                                 top: '',
 604                                                 bottom: 0
 605                                         });
 606                                 }
 607
 608                                 return;
 609                         }
 610
 611                         if ( windowPos > lastScrollPosition ) {
 612                                 // Scrolling down
 613                                 if ( pinnedMenuTop ) {
 614                                         // let it scroll
 615                                         pinnedMenuTop = false;
 616                                         menuTop = $adminMenuWrap.offset().top - height.adminbar - ( windowPos - lastScrollPosition );
 617
 618                                         if ( menuTop + height.menu + height.adminbar < windowPos + height.window ) {
 619                                                 menuTop = windowPos + height.window - height.menu - height.adminbar;
 620                                         }
 621
 622                                         $adminMenuWrap.css({
 623                                                 position: 'absolute',
 624                                                 top: menuTop,
 625                                                 bottom: ''
 626                                         });
 627                                 } else if ( ! pinnedMenuBottom && $adminMenuWrap.offset().top + height.menu < windowPos + height.window ) {
 628                                         // pin the bottom
 629                                         pinnedMenuBottom = true;
 630
 631                                         $adminMenuWrap.css({
 632                                                 position: 'fixed',
 633                                                 top: '',
 634                                                 bottom: 0
 635                                         });
 636                                 }
 637                         } else if ( windowPos < lastScrollPosition ) {
 638                                 // Scrolling up
 639                                 if ( pinnedMenuBottom ) {
 640                                         // let it scroll
 641                                         pinnedMenuBottom = false;
 642                                         menuTop = $adminMenuWrap.offset().top - height.adminbar + ( lastScrollPosition - windowPos );
 643
 644                                         if ( menuTop + height.menu > windowPos + height.window ) {
 645                                                 menuTop = windowPos;
 646                                         }
 647
 648                                         $adminMenuWrap.css({
 649                                                 position: 'absolute',
 650                                                 top: menuTop,
 651                                                 bottom: ''
 652                                         });
 653                                 } else if ( ! pinnedMenuTop && $adminMenuWrap.offset().top >= windowPos + height.adminbar ) {
 654                                         // pin the top
 655                                         pinnedMenuTop = true;
 656
 657                                         $adminMenuWrap.css({
 658                                                 position: 'fixed',
 659                                                 top: '',
 660                                                 bottom: ''
 661                                         });
 662                                 }
 663                         } else if ( resizing ) {
 664                                 // Resizing
 665                                 pinnedMenuTop = pinnedMenuBottom = false;
 666                                 menuTop = windowPos + height.window - height.menu - height.adminbar - 1;
 667
 668                                 if ( menuTop > 0 ) {
 669                                         $adminMenuWrap.css({
 670                                                 position: 'absolute',
 671                                                 top: menuTop,
 672                                                 bottom: ''
 673                                         });
 674                                 } else {
 675                                         unpinMenu();
 676                                 }
 677                         }
 678                 }
 679
 680                 lastScrollPosition = windowPos;
 681         }
 682
 683         function resetHeights() {
 684                 height = {
 685                         window: $window.height(),
 686                         wpwrap: $wpwrap.height(),
 687                         adminbar: $adminbar.height(),
 688                         menu: $adminMenuWrap.height()
 689                 };
 690         }
 691
 692         function unpinMenu() {
 693                 if ( isIOS || ! menuIsPinned ) {
 694                         return;
 695                 }
 696
 697                 pinnedMenuTop = pinnedMenuBottom = menuIsPinned = false;
 698                 $adminMenuWrap.css({
 699                         position: '',
 700                         top: '',
 701                         bottom: ''
 702                 });
 703         }
 704
 705         function setPinMenu() {
 706                 resetHeights();
 707
 708                 if ( $adminmenu.data('wp-responsive') ) {
 709                         $body.removeClass( 'sticky-menu' );
 710                         unpinMenu();
 711                 } else if ( height.menu + height.adminbar > height.window ) {
 712                         pinMenu();
 713                         $body.removeClass( 'sticky-menu' );
 714                 } else {
 715                         $body.addClass( 'sticky-menu' );
 716                         unpinMenu();
 717                 }
 718         }
 719
 720         if ( ! isIOS ) {
 721                 $window.on( 'scroll.pin-menu', pinMenu );
 722                 $document.on( 'tinymce-editor-init.pin-menu', function( event, editor ) {
 723                         editor.on( 'wp-autoresize', resetHeights );
 724                 });
 725         }
 726
 727         window.wpResponsive = {
 728                 init: function() {
 729                         var self = this;
 730
 731                         // Modify functionality based on custom activate/deactivate event
 732                         $document.on( 'wp-responsive-activate.wp-responsive', function() {
 733                                 self.activate();
 734                         }).on( 'wp-responsive-deactivate.wp-responsive', function() {
 735                                 self.deactivate();
 736                         });
 737
 738                         $( '#wp-admin-bar-menu-toggle a' ).attr( 'aria-expanded', 'false' );
 739
 740                         // Toggle sidebar when toggle is clicked
 741                         $( '#wp-admin-bar-menu-toggle' ).on( 'click.wp-responsive', function( event ) {
 742                                 event.preventDefault();
 743                                 $wpwrap.toggleClass( 'wp-responsive-open' );
 744                                 if ( $wpwrap.hasClass( 'wp-responsive-open' ) ) {
 745                                         $(this).find('a').attr( 'aria-expanded', 'true' );
 746                                         $( '#adminmenu a:first' ).focus();
 747                                 } else {
 748                                         $(this).find('a').attr( 'aria-expanded', 'false' );
 749                                 }
 750                         } );
 751
 752                         // Add menu events
 753                         $adminmenu.on( 'click.wp-responsive', 'li.wp-has-submenu > a', function( event ) {
 754                                 if ( ! $adminmenu.data('wp-responsive') ) {
 755                                         return;
 756                                 }
 757
 758                                 $( this ).parent( 'li' ).toggleClass( 'selected' );
 759                                 event.preventDefault();
 760                         });
 761
 762                         self.trigger();
 763                         $document.on( 'wp-window-resized.wp-responsive', $.proxy( this.trigger, this ) );
 764
 765                         // This needs to run later as UI Sortable may be initialized later on $(document).ready()
 766                         $window.on( 'load.wp-responsive', function() {
 767                                 var width = navigator.userAgent.indexOf('AppleWebKit/') > -1 ? $window.width() : window.innerWidth;
 768
 769                                 if ( width <= 782 ) {
 770                                         self.disableSortables();
 771                                 }
 772                         });
 773                 },
 774
 775                 activate: function() {
 776                         setPinMenu();
 777
 778                         if ( ! $body.hasClass( 'auto-fold' ) ) {
 779                                 $body.addClass( 'auto-fold' );
 780                         }
 781
 782                         $adminmenu.data( 'wp-responsive', 1 );
 783                         this.disableSortables();
 784                 },
 785
 786                 deactivate: function() {
 787                         setPinMenu();
 788                         $adminmenu.removeData('wp-responsive');
 789                         this.enableSortables();
 790                 },
 791
 792                 trigger: function() {
 793                         var width;
 794
 795                         if ( window.innerWidth ) {
 796                                 // window.innerWidth is affected by zooming on phones
 797                                 width = Math.max( window.innerWidth, document.documentElement.clientWidth );
 798                         } else {
 799                                 // Exclude IE < 9, it doesn't support @media CSS rules
 800                                 return;
 801                         }
 802
 803                         if ( width <= 782 ) {
 804                                 if ( ! wpResponsiveActive ) {
 805                                         $document.trigger( 'wp-responsive-activate' );
 806                                         wpResponsiveActive = true;
 807                                 }
 808                         } else {
 809                                 if ( wpResponsiveActive ) {
 810                                         $document.trigger( 'wp-responsive-deactivate' );
 811                                         wpResponsiveActive = false;
 812                                 }
 813                         }
 814
 815                         if ( width <= 480 ) {
 816                                 this.enableOverlay();
 817                         } else {
 818                                 this.disableOverlay();
 819                         }
 820                 },
 821
 822                 enableOverlay: function() {
 823                         if ( $overlay.length === 0 ) {
 824                                 $overlay = $( '<div id="wp-responsive-overlay"></div>' )
 825                                         .insertAfter( '#wpcontent' )
 826                                         .hide()
 827                                         .on( 'click.wp-responsive', function() {
 828                                                 $toolbar.find( '.menupop.hover' ).removeClass( 'hover' );
 829                                                 $( this ).hide();
 830                                         });
 831                         }
 832
 833                         $toolbarPopups.on( 'click.wp-responsive', function() {
 834                                 $overlay.show();
 835                         });
 836                 },
 837
 838                 disableOverlay: function() {
 839                         $toolbarPopups.off( 'click.wp-responsive' );
 840                         $overlay.hide();
 841                 },
 842
 843                 disableSortables: function() {
 844                         if ( $sortables.length ) {
 845                                 try {
 846                                         $sortables.sortable('disable');
 847                                 } catch(e) {}
 848                         }
 849                 },
 850
 851                 enableSortables: function() {
 852                         if ( $sortables.length ) {
 853                                 try {
 854                                         $sortables.sortable('enable');
 855                                 } catch(e) {}
 856                         }
 857                 }
 858         };
 859
 860         window.wpResponsive.init();
 861         setPinMenu();
 862
 863         $document.on( 'wp-pin-menu wp-window-resized.pin-menu postboxes-columnchange.pin-menu postbox-toggled.pin-menu wp-collapse-menu.pin-menu wp-scroll-start.pin-menu', setPinMenu );
 864 });
 865
 866 // Fire a custom jQuery event at the end of window resize
 867 ( function() {
 868         var timeout;
 869
 870         function triggerEvent() {
 871                 $(document).trigger( 'wp-window-resized' );
 872         }
 873
 874         function fireOnce() {
 875                 window.clearTimeout( timeout );
 876                 timeout = window.setTimeout( triggerEvent, 200 );
 877         }
 878
 879         $(window).on( 'resize.wp-fire-once', fireOnce );
 880 }());
 881
 882 // Make Windows 8 devices play along nicely.
 883 (function(){
 884         if ( '-ms-user-select' in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/) ) {
 885                 var msViewportStyle = document.createElement( 'style' );
 886                 msViewportStyle.appendChild(
 887                         document.createTextNode( '@-ms-viewport{width:auto!important}' )
 888                 );
 889                 document.getElementsByTagName( 'head' )[0].appendChild( msViewportStyle );
 890         }
 891 })();
 892
 893 }( jQuery, window ));