--- a/wp/wp-admin/js/common.js Mon Jun 08 16:11:51 2015 +0000
+++ b/wp/wp-admin/js/common.js Tue Jun 09 03:35:32 2015 +0200
@@ -1,5 +1,6 @@
+/* global setUserSetting, ajaxurl, commonL10n, alert, confirm, pagenow */
var showNotice, adminMenu, columns, validateForm, screenMeta;
-(function($){
+( function( $, window, undefined ) {
// Removed in 3.3.
// (perhaps) needed for back-compat
adminMenu = {
@@ -65,13 +66,19 @@
n = parseInt( $t.attr('colspan'), 10 ) + diff;
$t.attr('colspan', n.toString());
}
-}
+};
$(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' ); } )
+ .size();
+};
// stub for doing better warnings
showNotice = {
@@ -124,6 +131,8 @@
panel.focus();
link.addClass('screen-meta-active').attr('aria-expanded', true);
});
+
+ $( document ).trigger( 'screen:options:open' );
},
close: function( panel, link ) {
@@ -132,13 +141,15 @@
$('.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;
@@ -160,119 +171,229 @@
});
$(document).ready( function() {
- var lastClicked = false, checks, first, last, checked, sliced, menu = $('#adminmenu'), mobileEvent,
- pageInput = $('input.current-page'), currentPage = pageInput.val();
+ var checks, first, last, checked, sliced, mobileEvent, transitionTimeout, focusedRowActions, $firstHeading,
+ 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' ),
+ $document = $( document ),
+ $window = $( window ),
+ $body = $( document.body ),
+ $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 ), respWidth;
+ $('#collapse-menu').on('click.collapse-menu', function() {
+ var body = $( document.body ), respWidth, state;
// reset any compensation for submenus near the bottom of the screen
$('#adminmenu div.wp-submenu').css('margin-top', '');
- // WebKit excludes the width of the vertical scrollbar when applying the CSS "@media screen and (max-width: ...)"
- // and matches $(window).width().
- // Firefox and IE > 8 include the scrollbar width, so after the jQuery normalization
- // $(window).width() is 884px but window.innerWidth is 900px.
- // (using window.innerWidth also excludes IE < 9)
- respWidth = navigator.userAgent.indexOf('AppleWebKit/') > -1 ? $(window).width() : window.innerWidth;
+ 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 < 900 ) {
+ if ( respWidth && respWidth < 960 ) {
if ( body.hasClass('auto-fold') ) {
body.removeClass('auto-fold').removeClass('folded');
setUserSetting('unfold', 1);
setUserSetting('mfold', 'o');
+ state = 'open';
} else {
body.addClass('auto-fold');
setUserSetting('unfold', 0);
+ state = 'folded';
}
} else {
if ( body.hasClass('folded') ) {
body.removeClass('folded');
setUserSetting('mfold', 'o');
+ state = 'open';
} else {
body.addClass('folded');
setUserSetting('mfold', 'f');
+ state = 'folded';
}
}
+
+ $( document ).trigger( 'wp-collapse-menu', { state: state } );
});
+ /**
+ * 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');
+ 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 ) // meaning the submenu is visible
- return;
+ if ( isNaN( top ) || top > -5 ) { // the submenu is visible
+ return;
+ }
- menutop = $(this).offset().top;
- wintop = $(window).scrollTop();
- maxtop = menutop - wintop - 30; // max = make the top of the sub almost touch admin bar
+ if ( $adminmenu.data( 'wp-responsive' ) ) {
+ // The menu is in responsive mode, bail
+ return;
+ }
- 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
+ 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;
+ }
- if ( f < (b - o) )
- o = b - f;
-
- if ( o > maxtop )
- o = maxtop;
+ $( this ).removeClass( 'opensub' ).find( '.wp-submenu' ).css( 'margin-top', '' );
+ },
+ timeout: 200,
+ sensitivity: 7,
+ interval: 90
+ });
- if ( o > 1 )
- m.css('margin-top', '-'+o+'px');
- else
- m.css('margin-top', '');
+ $adminmenu.on( 'focus.adminmenu', '.wp-submenu a', function( event ) {
+ if ( $adminmenu.data( 'wp-responsive' ) ) {
+ // The menu is in responsive mode, bail
+ return;
+ }
+
+ $( event.target ).closest( 'li.menu-top' ).addClass( 'opensub' );
+ }).on( 'blur.adminmenu', '.wp-submenu a', function( event ) {
+ if ( $adminmenu.data( 'wp-responsive' ) ) {
+ return;
+ }
+
+ $( 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
+ // Move .notice, .updated and .error alert boxes. Don't move boxes designed to be inline.
+ $firstHeading = $( 'div.wrap h2:first' );
+ $firstHeading.nextAll( 'div.updated, div.error, div.notice' ).addClass( 'below-h2' );
+ $( 'div.updated, div.error, div.notice' ).not( '.below-h2, .inline' ).insertAfter( $firstHeading );
+
+ // Make notices dismissible
+ $( '.notice.is-dismissible' ).each( function() {
+ var $this = $( this ),
+ $button = $( '<button type="button" class="notice-dismiss"><span class="screen-reader-text"></span></button>' ),
+ btnText = commonL10n.dismiss || '';
+
+ // Ensure plain text
+ $button.find( '.screen-reader-text' ).text( btnText );
+
+ $this.append( $button );
+
+ $button.on( 'click.wp-dismiss-notice', function( event ) {
+ event.preventDefault();
+ $this.fadeTo( 100 , 0, function() {
+ $(this).slideUp( 100, function() {
+ $(this).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');
- });
-
- // 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') );
-
// Init screen meta
screenMeta.init();
@@ -300,53 +421,64 @@
// toggle "check all" checkboxes
var unchecked = $(this).closest('tbody').find(':checkbox').filter(':visible').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');
- $(this).closest( 'table' ).children( 'tbody' ).filter(':visible')
- .children().children('.check-column').find(':checkbox')
- .prop('checked', function() {
- if ( $(this).is(':hidden') )
+ $table.children( 'tbody' ).filter(':visible')
+ .children().children('.check-column').find(':checkbox')
+ .prop('checked', function() {
+ if ( $(this).is(':hidden') ) {
+ return false;
+ }
+
+ if ( toggle ) {
+ return ! $(this).prop( 'checked' );
+ } else if ( controlChecked ) {
+ return true;
+ }
+
return false;
- if ( toggle )
- return $(this).prop( 'checked' );
- else if (c)
- return true;
- return false;
- });
+ });
- $(this).closest('table').children('thead, tfoot').filter(':visible')
- .children().children('.check-column').find(':checkbox')
- .prop('checked', function() {
- if ( toggle )
+ $table.children('thead, tfoot').filter(':visible')
+ .children().children('.check-column').find(':checkbox')
+ .prop('checked', function() {
+ if ( toggle ) {
+ return false;
+ } else if ( controlChecked ) {
+ return true;
+ }
+
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
- var transitionTimeout, focusedRowActions;
- $( 'td.post-title, td.title, td.comment, .bookmarks td.column-name, td.blogname, td.username, .dashboard-comment-wrap' ).focusin(function(){
- clearTimeout( transitionTimeout );
- focusedRowActions = $(this).find( '.row-actions' );
- 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);
- });
+ $( '#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 );
+ }
+ }, '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' );
$('#default-password-nag-no').click( function() {
setUserSetting('default_password_nag', 'hide');
@@ -359,6 +491,8 @@
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;
}
@@ -375,10 +509,6 @@
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();
@@ -396,13 +526,8 @@
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 )
@@ -436,17 +561,333 @@
toggleUploadButton();
input.on('change', toggleUploadButton);
})();
+
+ 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;
+ }
+
+ menuIsPinned = 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();
+ $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 = $( '<div id="wp-responsive-overlay"></div>' )
+ .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) {}
+ }
+ }
+ };
+
+ window.wpResponsive.init();
+ setPinMenu();
+
+ $document.on( 'wp-window-resized.pin-menu postboxes-columnchange.pin-menu postbox-toggled.pin-menu wp-collapse-menu.pin-menu wp-scroll-start.pin-menu', setPinMenu );
});
-// internal use
-$(document).bind( 'wp_CloseOnEscape', function( e, data ) {
- if ( typeof(data.cb) != 'function' )
- return;
+// 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 );
+ }
- if ( typeof(data.condition) != 'function' || data.condition() )
- data.cb();
+ $(window).on( 'resize.wp-fire-once', fireOnce );
+}());
- return true;
-});
+// 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);
+}( jQuery, window ));