X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/6c8f14c09105d0afa4c1574215c59b5021040e76..607b7e02d77e7326161e8ec15639052d2040f745:/wp-admin/js/common.js diff --git a/wp-admin/js/common.js b/wp-admin/js/common.js index 0f6b84d0..200d3e47 100644 --- a/wp-admin/js/common.js +++ b/wp-admin/js/common.js @@ -1,5 +1,10 @@ +/* global setUserSetting, ajaxurl, commonL10n, alert, confirm, pagenow */ var showNotice, adminMenu, columns, validateForm, screenMeta; -(function($){ +( function( $, window, undefined ) { + var $document = $( document ), + $window = $( window ), + $body = $( document.body ); + // Removed in 3.3. // (perhaps) needed for back-compat adminMenu = { @@ -36,17 +41,19 @@ columns = { }, checked : function(column) { - $('.column-' + column).show(); + $('.column-' + column).removeClass( 'hidden' ); this.colSpanChange(+1); }, unchecked : function(column) { - $('.column-' + column).hide(); + $('.column-' + column).addClass( 'hidden' ); this.colSpanChange(-1); }, hidden : function() { - return $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(','); + return $( '.manage-column[id]' ).filter( ':hidden' ).map(function() { + return this.id; + }).get().join( ',' ); }, useCheckboxesForHidden : function() { @@ -65,13 +72,19 @@ columns = { n = parseInt( $t.attr('colspan'), 10 ) + diff; $t.attr('colspan', n.toString()); } -} +}; -$(document).ready(function(){columns.init();}); +$document.ready(function(){columns.init();}); validateForm = function( form ) { - return !$( form ).find('.form-required').filter( function() { return $('input:visible', this).val() == ''; } ).addClass( 'form-invalid' ).find('input:visible').change( function() { $(this).closest('.form-invalid').removeClass( 'form-invalid' ); } ).size(); -} + return !$( form ) + .find( '.form-required' ) + .filter( function() { return $( 'input:visible', this ).val() === ''; } ) + .addClass( 'form-invalid' ) + .find( 'input:visible' ) + .change( function() { $( this ).closest( '.form-invalid' ).removeClass( 'form-invalid' ); } ) + .length; +}; // stub for doing better warnings showNotice = { @@ -96,15 +109,14 @@ screenMeta = { init: function() { this.element = $('#screen-meta'); - this.toggles = $('.screen-meta-toggle a'); + this.toggles = $( '#screen-meta-links' ).find( '.show-settings' ); this.page = $('#wpcontent'); this.toggles.click( this.toggleEvent ); }, - toggleEvent: function( e ) { - var panel = $( this.href.replace(/.+#/, '#') ); - e.preventDefault(); + toggleEvent: function() { + var panel = $( '#' + $( this ).attr( 'aria-controls' ) ); if ( !panel.length ) return; @@ -115,30 +127,34 @@ screenMeta = { screenMeta.open( panel, $(this) ); }, - open: function( panel, link ) { + open: function( panel, button ) { - $('.screen-meta-toggle').not( link.parent() ).css('visibility', 'hidden'); + $( '#screen-meta-links' ).find( '.screen-meta-toggle' ).not( button.parent() ).css( 'visibility', 'hidden' ); panel.parent().show(); panel.slideDown( 'fast', function() { panel.focus(); - link.addClass('screen-meta-active').attr('aria-expanded', true); + button.addClass( 'screen-meta-active' ).attr( 'aria-expanded', true ); }); + + $document.trigger( 'screen:options:open' ); }, - close: function( panel, link ) { + close: function( panel, button ) { panel.slideUp( 'fast', function() { - link.removeClass('screen-meta-active').attr('aria-expanded', false); + button.removeClass( 'screen-meta-active' ).attr( 'aria-expanded', false ); $('.screen-meta-toggle').css('visibility', ''); panel.parent().hide(); }); + + $document.trigger( 'screen:options:close' ); } }; /** * Help tabs. */ -$('.contextual-help-tabs').delegate('a', 'click focus', function(e) { +$('.contextual-help-tabs').delegate('a', 'click', function(e) { var link = $(this), panel; @@ -159,113 +175,253 @@ $('.contextual-help-tabs').delegate('a', 'click focus', function(e) { panel.addClass('active').show(); }); -$(document).ready( function() { - var lastClicked = false, checks, first, last, checked, menu = $('#adminmenu'), mobileEvent, - pageInput = $('input.current-page'), currentPage = pageInput.val(); +$document.ready( function() { + var checks, first, last, checked, sliced, mobileEvent, transitionTimeout, focusedRowActions, + lastClicked = false, + pageInput = $('input.current-page'), + currentPage = pageInput.val(), + isIOS = /iPhone|iPad|iPod/.test( navigator.userAgent ), + isAndroid = navigator.userAgent.indexOf( 'Android' ) !== -1, + isIE8 = $( document.documentElement ).hasClass( 'ie8' ), + $adminMenuWrap = $( '#adminmenuwrap' ), + $wpwrap = $( '#wpwrap' ), + $adminmenu = $( '#adminmenu' ), + $overlay = $( '#wp-responsive-overlay' ), + $toolbar = $( '#wp-toolbar' ), + $toolbarPopups = $toolbar.find( 'a[aria-haspopup="true"]' ), + $sortables = $('.meta-box-sortables'), + wpResponsiveActive = false, + $adminbar = $( '#wpadminbar' ), + lastScrollPosition = 0, + pinnedMenuTop = false, + pinnedMenuBottom = false, + menuTop = 0, + menuIsPinned = false, + height = { + window: $window.height(), + wpwrap: $wpwrap.height(), + adminbar: $adminbar.height(), + menu: $adminMenuWrap.height() + }; + // when the menu is folded, make the fly-out submenu header clickable - menu.on('click.wp-submenu-head', '.wp-submenu-head', function(e){ + $adminmenu.on('click.wp-submenu-head', '.wp-submenu-head', function(e){ $(e.target).parent().siblings('a').get(0).click(); }); - $('#collapse-menu').on('click.collapse-menu', function(e){ - var body = $(document.body); + $('#collapse-menu').on('click.collapse-menu', function() { + var respWidth, state; // reset any compensation for submenus near the bottom of the screen $('#adminmenu div.wp-submenu').css('margin-top', ''); - if ( $(window).width() < 900 ) { - if ( body.hasClass('auto-fold') ) { - body.removeClass('auto-fold'); + if ( window.innerWidth ) { + // window.innerWidth is affected by zooming on phones + respWidth = Math.max( window.innerWidth, document.documentElement.clientWidth ); + } else { + // IE < 9 doesn't support @media CSS rules + respWidth = 961; + } + + if ( respWidth && respWidth < 960 ) { + if ( $body.hasClass('auto-fold') ) { + $body.removeClass('auto-fold').removeClass('folded'); setUserSetting('unfold', 1); - body.removeClass('folded'); - deleteUserSetting('mfold'); + setUserSetting('mfold', 'o'); + state = 'open'; } else { - body.addClass('auto-fold'); - deleteUserSetting('unfold'); + $body.addClass('auto-fold'); + setUserSetting('unfold', 0); + state = 'folded'; } } else { - if ( body.hasClass('folded') ) { - body.removeClass('folded'); - deleteUserSetting('mfold'); + if ( $body.hasClass('folded') ) { + $body.removeClass('folded'); + setUserSetting('mfold', 'o'); + state = 'open'; } else { - body.addClass('folded'); + $body.addClass('folded'); setUserSetting('mfold', 'f'); + state = 'folded'; } } + + currentMenuItemHasPopup(); + $document.trigger( 'wp-collapse-menu', { state: state } ); }); + // Handle the `aria-haspopup` attribute on the current menu item when it has a sub-menu. + function currentMenuItemHasPopup() { + var respWidth, + $current = $( 'a.wp-has-current-submenu' ); + + if ( window.innerWidth ) { + respWidth = Math.max( window.innerWidth, document.documentElement.clientWidth ); + } else { + respWidth = 961; + } + + if ( $body.hasClass( 'folded' ) || ( $body.hasClass( 'auto-fold' ) && respWidth && respWidth <= 960 && respWidth > 782 ) ) { + // When folded or auto-folded and not responsive view, the current menu item does have a fly-out sub-menu. + $current.attr( 'aria-haspopup', 'true' ); + } else { + // When expanded or in responsive view, reset aria-haspopup. + $current.attr( 'aria-haspopup', 'false' ); + } + } + + $document.on( 'wp-window-resized wp-responsive-activate wp-responsive-deactivate', currentMenuItemHasPopup ); + + /** + * Ensure an admin submenu is within the visual viewport. + * + * @since 4.1.0 + * + * @param {jQuery} $menuItem The parent menu item containing the submenu. + */ + function adjustSubmenu( $menuItem ) { + var bottomOffset, pageHeight, adjustment, theFold, menutop, wintop, maxtop, + $submenu = $menuItem.find( '.wp-submenu' ); + + menutop = $menuItem.offset().top; + wintop = $window.scrollTop(); + maxtop = menutop - wintop - 30; // max = make the top of the sub almost touch admin bar + + bottomOffset = menutop + $submenu.height() + 1; // Bottom offset of the menu + pageHeight = $wpwrap.height(); // Height of the entire page + adjustment = 60 + bottomOffset - pageHeight; + theFold = $window.height() + wintop - 50; // The fold + + if ( theFold < ( bottomOffset - adjustment ) ) { + adjustment = bottomOffset - theFold; + } + + if ( adjustment > maxtop ) { + adjustment = maxtop; + } + + if ( adjustment > 1 ) { + $submenu.css( 'margin-top', '-' + adjustment + 'px' ); + } else { + $submenu.css( 'margin-top', '' ); + } + } + if ( 'ontouchstart' in window || /IEMobile\/[1-9]/.test(navigator.userAgent) ) { // touch screen device // iOS Safari works with touchstart, the rest work with click - mobileEvent = /Mobile\/.+Safari/.test(navigator.userAgent) ? 'touchstart' : 'click'; + mobileEvent = isIOS ? 'touchstart' : 'click'; // close any open submenus when touch/click is not on the menu - $(document.body).on( mobileEvent+'.wp-mobile-hover', function(e) { - if ( !$(e.target).closest('#adminmenu').length ) - menu.find('li.wp-has-submenu.opensub').removeClass('opensub'); + $body.on( mobileEvent+'.wp-mobile-hover', function(e) { + if ( $adminmenu.data('wp-responsive') ) { + return; + } + + if ( ! $( e.target ).closest( '#adminmenu' ).length ) { + $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' ); + } }); - menu.find('a.wp-has-submenu').on( mobileEvent+'.wp-mobile-hover', function(e) { - var el = $(this), parent = el.parent(); + $adminmenu.find( 'a.wp-has-submenu' ).on( mobileEvent + '.wp-mobile-hover', function( event ) { + var $menuItem = $(this).parent(); + + if ( $adminmenu.data( 'wp-responsive' ) ) { + return; + } // Show the sub instead of following the link if: // - the submenu is not open // - the submenu is not shown inline or the menu is not folded - if ( !parent.hasClass('opensub') && ( !parent.hasClass('wp-menu-open') || parent.width() < 40 ) ) { - e.preventDefault(); - menu.find('li.opensub').removeClass('opensub'); - parent.addClass('opensub'); + if ( ! $menuItem.hasClass( 'opensub' ) && ( ! $menuItem.hasClass( 'wp-menu-open' ) || $menuItem.width() < 40 ) ) { + event.preventDefault(); + adjustSubmenu( $menuItem ); + $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' ); + $menuItem.addClass('opensub'); } }); } - menu.find('li.wp-has-submenu').hoverIntent({ - over: function(e){ - var b, h, o, f, m = $(this).find('.wp-submenu'), menutop, wintop, maxtop, top = parseInt( m.css('top'), 10 ); + if ( ! isIOS && ! isAndroid ) { + $adminmenu.find( 'li.wp-has-submenu' ).hoverIntent({ + over: function() { + var $menuItem = $( this ), + $submenu = $menuItem.find( '.wp-submenu' ), + top = parseInt( $submenu.css( 'top' ), 10 ); + + if ( isNaN( top ) || top > -5 ) { // the submenu is visible + return; + } + + if ( $adminmenu.data( 'wp-responsive' ) ) { + // The menu is in responsive mode, bail + return; + } + + adjustSubmenu( $menuItem ); + $adminmenu.find( 'li.opensub' ).removeClass( 'opensub' ); + $menuItem.addClass( 'opensub' ); + }, + out: function(){ + if ( $adminmenu.data( 'wp-responsive' ) ) { + // The menu is in responsive mode, bail + return; + } + + $( this ).removeClass( 'opensub' ).find( '.wp-submenu' ).css( 'margin-top', '' ); + }, + timeout: 200, + sensitivity: 7, + interval: 90 + }); - if ( isNaN(top) || top > -5 ) // meaning the submenu is visible + $adminmenu.on( 'focus.adminmenu', '.wp-submenu a', function( event ) { + if ( $adminmenu.data( 'wp-responsive' ) ) { + // The menu is in responsive mode, bail return; + } - menutop = $(this).offset().top; - wintop = $(window).scrollTop(); - maxtop = menutop - wintop - 30; // max = make the top of the sub almost touch admin bar - - b = menutop + m.height() + 1; // Bottom offset of the menu - h = $('#wpwrap').height(); // Height of the entire page - o = 60 + b - h; - f = $(window).height() + wintop - 15; // The fold - - if ( f < (b - o) ) - o = b - f; - - if ( o > maxtop ) - o = maxtop; + $( event.target ).closest( 'li.menu-top' ).addClass( 'opensub' ); + }).on( 'blur.adminmenu', '.wp-submenu a', function( event ) { + if ( $adminmenu.data( 'wp-responsive' ) ) { + return; + } - if ( o > 1 ) - m.css('margin-top', '-'+o+'px'); - else - m.css('margin-top', ''); + $( event.target ).closest( 'li.menu-top' ).removeClass( 'opensub' ); + }).find( 'li.wp-has-submenu.wp-not-current-submenu' ).on( 'focusin.adminmenu', function() { + adjustSubmenu( $( this ) ); + }); + } - menu.find('li.menu-top').removeClass('opensub'); - $(this).addClass('opensub'); - }, - out: function(){ - $(this).removeClass('opensub').find('.wp-submenu').css('margin-top', ''); - }, - timeout: 200, - sensitivity: 7, - interval: 90 - }); + /* + * The `.below-h2` class is here just for backward compatibility with plugins + * that are (incorrectly) using it. Do not use. Use `.inline` instead. See #34570. + */ + $( 'div.updated, div.error, div.notice' ).not( '.inline, .below-h2' ).insertAfter( $( '.wrap h1, .wrap h2' ).first() ); + + // Make notices dismissible + function makeNoticesDismissible() { + $( '.notice.is-dismissible' ).each( function() { + var $el = $( this ), + $button = $( '' ), + btnText = commonL10n.dismiss || ''; + + // Ensure plain text + $button.find( '.screen-reader-text' ).text( btnText ); + $button.on( 'click.wp-dismiss-notice', function( event ) { + event.preventDefault(); + $el.fadeTo( 100, 0, function() { + $el.slideUp( 100, function() { + $el.remove(); + }); + }); + }); - menu.on('focus.adminmenu', '.wp-submenu a', function(e){ - $(e.target).closest('li.menu-top').addClass('opensub'); - }).on('blur.adminmenu', '.wp-submenu a', function(e){ - $(e.target).closest('li.menu-top').removeClass('opensub'); - }); + $el.append( $button ); + }); + } - // Move .updated and .error alert boxes. Don't move boxes designed to be inline. - $('div.wrap h2:first').nextAll('div.updated, div.error').addClass('below-h2'); - $('div.updated, div.error').not('.below-h2, .inline').insertAfter( $('div.wrap h2:first') ); + $document.on( 'wp-updates-notice-added wp-plugin-install-error wp-plugin-update-error wp-plugin-delete-error wp-theme-install-error wp-theme-delete-error', makeNoticesDismissible ); // Init screen meta screenMeta.init(); @@ -275,12 +431,13 @@ $(document).ready( function() { if ( 'undefined' == e.shiftKey ) { return true; } if ( e.shiftKey ) { if ( !lastClicked ) { return true; } - checks = $( lastClicked ).closest( 'form' ).find( ':checkbox' ); + checks = $( lastClicked ).closest( 'form' ).find( ':checkbox' ).filter( ':visible:enabled' ); first = checks.index( lastClicked ); last = checks.index( this ); checked = $(this).prop('checked'); if ( 0 < first && 0 < last && first != last ) { - checks.slice( first, last ).prop( 'checked', function(){ + sliced = ( last > first ) ? checks.slice( first, last ) : checks.slice( last, first ); + sliced.prop( 'checked', function() { if ( $(this).closest('tr').is(':visible') ) return checked; @@ -291,40 +448,70 @@ $(document).ready( function() { lastClicked = this; // toggle "check all" checkboxes - var unchecked = $(this).closest('tbody').find(':checkbox').filter(':visible').not(':checked'); + var unchecked = $(this).closest('tbody').find(':checkbox').filter(':visible:enabled').not(':checked'); $(this).closest('table').children('thead, tfoot').find(':checkbox').prop('checked', function() { - return ( 0 == unchecked.length ); + return ( 0 === unchecked.length ); }); return true; }); - $('thead, tfoot').find('.check-column :checkbox').click( function(e) { - var c = $(this).prop('checked'), - kbtoggle = 'undefined' == typeof toggleWithKeyboard ? false : toggleWithKeyboard, - toggle = e.shiftKey || kbtoggle; + $('thead, tfoot').find('.check-column :checkbox').on( 'click.wp-toggle-checkboxes', function( event ) { + var $this = $(this), + $table = $this.closest( 'table' ), + controlChecked = $this.prop('checked'), + toggle = event.shiftKey || $this.data('wp-toggle'); + + $table.children( 'tbody' ).filter(':visible') + .children().children('.check-column').find(':checkbox') + .prop('checked', function() { + if ( $(this).is(':hidden,:disabled') ) { + return false; + } + + if ( toggle ) { + return ! $(this).prop( 'checked' ); + } else if ( controlChecked ) { + return true; + } - $(this).closest( 'table' ).children( 'tbody' ).filter(':visible') - .children().children('.check-column').find(':checkbox') - .prop('checked', function() { - if ( $(this).closest('tr').is(':hidden') ) return false; - if ( toggle ) - return $(this).prop( 'checked' ); - else if (c) - return true; - return false; - }); + }); + + $table.children('thead, tfoot').filter(':visible') + .children().children('.check-column').find(':checkbox') + .prop('checked', function() { + if ( toggle ) { + return false; + } else if ( controlChecked ) { + return true; + } - $(this).closest('table').children('thead, tfoot').filter(':visible') - .children().children('.check-column').find(':checkbox') - .prop('checked', function() { - if ( toggle ) return false; - else if (c) - return true; - return false; - }); + }); + }); + + // Show row actions on keyboard focus of its parent container element or any other elements contained within + $( '#wpbody-content' ).on({ + focusin: function() { + clearTimeout( transitionTimeout ); + focusedRowActions = $( this ).find( '.row-actions' ); + // transitionTimeout is necessary for Firefox, but Chrome won't remove the CSS class without a little help. + $( '.row-actions' ).not( this ).removeClass( 'visible' ); + focusedRowActions.addClass( 'visible' ); + }, + focusout: function() { + // Tabbing between post title and .row-actions links needs a brief pause, otherwise + // the .row-actions div gets hidden in transit in some browsers (ahem, Firefox). + transitionTimeout = setTimeout( function() { + focusedRowActions.removeClass( 'visible' ); + }, 30 ); + } + }, '.has-row-actions' ); + + // Toggle list table rows on small screens + $( 'tbody' ).on( 'click', '.toggle-row', function() { + $( this ).closest( 'tr' ).toggleClass( 'is-expanded' ); }); $('#default-password-nag-no').click( function() { @@ -338,6 +525,8 @@ $(document).ready( function() { var el = e.target, selStart, selEnd, val, scroll, sel; if ( e.keyCode == 27 ) { // escape key + // when pressing Escape: Opera 12 and 27 blur form fields, IE 8 clears them + e.preventDefault(); $(el).data('tab-out', true); return; } @@ -354,10 +543,6 @@ $(document).ready( function() { selEnd = el.selectionEnd; val = el.value; - try { - this.lastKey = 9; // not a standard DOM property, lastKey is to help stop Opera tab event. See blur handler below. - } catch(err) {} - if ( document.selection ) { el.focus(); sel = document.selection.createRange(); @@ -375,13 +560,8 @@ $(document).ready( function() { e.preventDefault(); }); - $('#newcontent').bind('blur.wpevent_InsertTab', function(e) { - if ( this.lastKey && 9 == this.lastKey ) - this.focus(); - }); - if ( pageInput.length ) { - pageInput.closest('form').submit( function(e){ + pageInput.closest('form').submit( function() { // Reset paging var for new filters/searches but not for bulk actions. See #17685. if ( $('select[name="action"]').val() == -1 && $('select[name="action2"]').val() == -1 && pageInput.val() == currentPage ) @@ -389,6 +569,10 @@ $(document).ready( function() { }); } + $('.search-box input[type="search"], .search-box input[type="submit"]').mousedown(function () { + $('select[name^="action"]').val('-1'); + }); + // Scroll into view when focused $('#contextual-help-link, #show-settings-link').on( 'focus.scroll-into-view', function(e){ if ( e.target.scrollIntoView ) @@ -411,17 +595,352 @@ $(document).ready( function() { toggleUploadButton(); input.on('change', toggleUploadButton); })(); -}); -// internal use -$(document).bind( 'wp_CloseOnEscape', function( e, data ) { - if ( typeof(data.cb) != 'function' ) - return; + function pinMenu( event ) { + var windowPos = $window.scrollTop(), + resizing = ! event || event.type !== 'scroll'; + + if ( isIOS || isIE8 || $adminmenu.data( 'wp-responsive' ) ) { + return; + } + + if ( height.menu + height.adminbar < height.window || + height.menu + height.adminbar + 20 > height.wpwrap ) { + unpinMenu(); + return; + } - if ( typeof(data.condition) != 'function' || data.condition() ) - data.cb(); + menuIsPinned = true; - return true; + if ( height.menu + height.adminbar > height.window ) { + // Check for overscrolling + if ( windowPos < 0 ) { + if ( ! pinnedMenuTop ) { + pinnedMenuTop = true; + pinnedMenuBottom = false; + + $adminMenuWrap.css({ + position: 'fixed', + top: '', + bottom: '' + }); + } + + return; + } else if ( windowPos + height.window > $document.height() - 1 ) { + if ( ! pinnedMenuBottom ) { + pinnedMenuBottom = true; + pinnedMenuTop = false; + + $adminMenuWrap.css({ + position: 'fixed', + top: '', + bottom: 0 + }); + } + + return; + } + + if ( windowPos > lastScrollPosition ) { + // Scrolling down + if ( pinnedMenuTop ) { + // let it scroll + pinnedMenuTop = false; + menuTop = $adminMenuWrap.offset().top - height.adminbar - ( windowPos - lastScrollPosition ); + + if ( menuTop + height.menu + height.adminbar < windowPos + height.window ) { + menuTop = windowPos + height.window - height.menu - height.adminbar; + } + + $adminMenuWrap.css({ + position: 'absolute', + top: menuTop, + bottom: '' + }); + } else if ( ! pinnedMenuBottom && $adminMenuWrap.offset().top + height.menu < windowPos + height.window ) { + // pin the bottom + pinnedMenuBottom = true; + + $adminMenuWrap.css({ + position: 'fixed', + top: '', + bottom: 0 + }); + } + } else if ( windowPos < lastScrollPosition ) { + // Scrolling up + if ( pinnedMenuBottom ) { + // let it scroll + pinnedMenuBottom = false; + menuTop = $adminMenuWrap.offset().top - height.adminbar + ( lastScrollPosition - windowPos ); + + if ( menuTop + height.menu > windowPos + height.window ) { + menuTop = windowPos; + } + + $adminMenuWrap.css({ + position: 'absolute', + top: menuTop, + bottom: '' + }); + } else if ( ! pinnedMenuTop && $adminMenuWrap.offset().top >= windowPos + height.adminbar ) { + // pin the top + pinnedMenuTop = true; + + $adminMenuWrap.css({ + position: 'fixed', + top: '', + bottom: '' + }); + } + } else if ( resizing ) { + // Resizing + pinnedMenuTop = pinnedMenuBottom = false; + menuTop = windowPos + height.window - height.menu - height.adminbar - 1; + + if ( menuTop > 0 ) { + $adminMenuWrap.css({ + position: 'absolute', + top: menuTop, + bottom: '' + }); + } else { + unpinMenu(); + } + } + } + + lastScrollPosition = windowPos; + } + + function resetHeights() { + height = { + window: $window.height(), + wpwrap: $wpwrap.height(), + adminbar: $adminbar.height(), + menu: $adminMenuWrap.height() + }; + } + + function unpinMenu() { + if ( isIOS || ! menuIsPinned ) { + return; + } + + pinnedMenuTop = pinnedMenuBottom = menuIsPinned = false; + $adminMenuWrap.css({ + position: '', + top: '', + bottom: '' + }); + } + + function setPinMenu() { + resetHeights(); + + if ( $adminmenu.data('wp-responsive') ) { + $body.removeClass( 'sticky-menu' ); + unpinMenu(); + } else if ( height.menu + height.adminbar > height.window ) { + pinMenu(); + $body.removeClass( 'sticky-menu' ); + } else { + $body.addClass( 'sticky-menu' ); + unpinMenu(); + } + } + + if ( ! isIOS ) { + $window.on( 'scroll.pin-menu', pinMenu ); + $document.on( 'tinymce-editor-init.pin-menu', function( event, editor ) { + editor.on( 'wp-autoresize', resetHeights ); + }); + } + + window.wpResponsive = { + init: function() { + var self = this; + + // Modify functionality based on custom activate/deactivate event + $document.on( 'wp-responsive-activate.wp-responsive', function() { + self.activate(); + }).on( 'wp-responsive-deactivate.wp-responsive', function() { + self.deactivate(); + }); + + $( '#wp-admin-bar-menu-toggle a' ).attr( 'aria-expanded', 'false' ); + + // Toggle sidebar when toggle is clicked + $( '#wp-admin-bar-menu-toggle' ).on( 'click.wp-responsive', function( event ) { + event.preventDefault(); + + // close any open toolbar submenus + $adminbar.find( '.hover' ).removeClass( 'hover' ); + + $wpwrap.toggleClass( 'wp-responsive-open' ); + if ( $wpwrap.hasClass( 'wp-responsive-open' ) ) { + $(this).find('a').attr( 'aria-expanded', 'true' ); + $( '#adminmenu a:first' ).focus(); + } else { + $(this).find('a').attr( 'aria-expanded', 'false' ); + } + } ); + + // Add menu events + $adminmenu.on( 'click.wp-responsive', 'li.wp-has-submenu > a', function( event ) { + if ( ! $adminmenu.data('wp-responsive') ) { + return; + } + + $( this ).parent( 'li' ).toggleClass( 'selected' ); + event.preventDefault(); + }); + + self.trigger(); + $document.on( 'wp-window-resized.wp-responsive', $.proxy( this.trigger, this ) ); + + // This needs to run later as UI Sortable may be initialized later on $(document).ready() + $window.on( 'load.wp-responsive', function() { + var width = navigator.userAgent.indexOf('AppleWebKit/') > -1 ? $window.width() : window.innerWidth; + + if ( width <= 782 ) { + self.disableSortables(); + } + }); + }, + + activate: function() { + setPinMenu(); + + if ( ! $body.hasClass( 'auto-fold' ) ) { + $body.addClass( 'auto-fold' ); + } + + $adminmenu.data( 'wp-responsive', 1 ); + this.disableSortables(); + }, + + deactivate: function() { + setPinMenu(); + $adminmenu.removeData('wp-responsive'); + this.enableSortables(); + }, + + trigger: function() { + var width; + + if ( window.innerWidth ) { + // window.innerWidth is affected by zooming on phones + width = Math.max( window.innerWidth, document.documentElement.clientWidth ); + } else { + // Exclude IE < 9, it doesn't support @media CSS rules + return; + } + + if ( width <= 782 ) { + if ( ! wpResponsiveActive ) { + $document.trigger( 'wp-responsive-activate' ); + wpResponsiveActive = true; + } + } else { + if ( wpResponsiveActive ) { + $document.trigger( 'wp-responsive-deactivate' ); + wpResponsiveActive = false; + } + } + + if ( width <= 480 ) { + this.enableOverlay(); + } else { + this.disableOverlay(); + } + }, + + enableOverlay: function() { + if ( $overlay.length === 0 ) { + $overlay = $( '
' ) + .insertAfter( '#wpcontent' ) + .hide() + .on( 'click.wp-responsive', function() { + $toolbar.find( '.menupop.hover' ).removeClass( 'hover' ); + $( this ).hide(); + }); + } + + $toolbarPopups.on( 'click.wp-responsive', function() { + $overlay.show(); + }); + }, + + disableOverlay: function() { + $toolbarPopups.off( 'click.wp-responsive' ); + $overlay.hide(); + }, + + disableSortables: function() { + if ( $sortables.length ) { + try { + $sortables.sortable('disable'); + } catch(e) {} + } + }, + + enableSortables: function() { + if ( $sortables.length ) { + try { + $sortables.sortable('enable'); + } catch(e) {} + } + } + }; + + // Add an ARIA role `button` to elements that behave like UI controls when JavaScript is on. + function aria_button_if_js() { + $( '.aria-button-if-js' ).attr( 'role', 'button' ); + } + + $( document ).ajaxComplete( function() { + aria_button_if_js(); + }); + + window.wpResponsive.init(); + setPinMenu(); + currentMenuItemHasPopup(); + makeNoticesDismissible(); + aria_button_if_js(); + + $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 ); + + // Set initial focus on a specific element. + $( '.wp-initial-focus' ).focus(); }); -})(jQuery); +// Fire a custom jQuery event at the end of window resize +( function() { + var timeout; + + function triggerEvent() { + $document.trigger( 'wp-window-resized' ); + } + + function fireOnce() { + window.clearTimeout( timeout ); + timeout = window.setTimeout( triggerEvent, 200 ); + } + + $window.on( 'resize.wp-fire-once', fireOnce ); +}()); + +// Make Windows 8 devices play along nicely. +(function(){ + if ( '-ms-user-select' in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/) ) { + var msViewportStyle = document.createElement( 'style' ); + msViewportStyle.appendChild( + document.createTextNode( '@-ms-viewport{width:auto!important}' ) + ); + document.getElementsByTagName( 'head' )[0].appendChild( msViewportStyle ); + } +})(); + +}( jQuery, window ));