mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-25 10:38:11 +01:00
282e7c36eb
Introduces a simple way to give a proper semantics of `button` to links that behave like UI controls when JavaScript is on and behave like actual links when JavaScript is off. First implementation on the Terms list table. Patch prepared during WordCamp US 2015 Contributor Day. Props mcapybara, garusky, takayukister. See #26504. Fixes #34867. Built from https://develop.svn.wordpress.org/trunk@35947 git-svn-id: http://core.svn.wordpress.org/trunk@35911 1a063a9b-81f0-0310-95a4-ce76da25c4cd
946 lines
25 KiB
JavaScript
946 lines
25 KiB
JavaScript
/* global setUserSetting, ajaxurl, commonL10n, alert, confirm, pagenow */
|
|
var showNotice, adminMenu, columns, validateForm, screenMeta;
|
|
( function( $, window, undefined ) {
|
|
var $document = $( document ),
|
|
$window = $( window ),
|
|
$body = $( document.body );
|
|
|
|
// Removed in 3.3.
|
|
// (perhaps) needed for back-compat
|
|
adminMenu = {
|
|
init : function() {},
|
|
fold : function() {},
|
|
restoreMenuState : function() {},
|
|
toggle : function() {},
|
|
favorites : function() {}
|
|
};
|
|
|
|
// show/hide/save table columns
|
|
columns = {
|
|
init : function() {
|
|
var that = this;
|
|
$('.hide-column-tog', '#adv-settings').click( function() {
|
|
var $t = $(this), column = $t.val();
|
|
if ( $t.prop('checked') )
|
|
that.checked(column);
|
|
else
|
|
that.unchecked(column);
|
|
|
|
columns.saveManageColumnsState();
|
|
});
|
|
},
|
|
|
|
saveManageColumnsState : function() {
|
|
var hidden = this.hidden();
|
|
$.post(ajaxurl, {
|
|
action: 'hidden-columns',
|
|
hidden: hidden,
|
|
screenoptionnonce: $('#screenoptionnonce').val(),
|
|
page: pagenow
|
|
});
|
|
},
|
|
|
|
checked : function(column) {
|
|
$('.column-' + column).removeClass( 'hidden' );
|
|
this.colSpanChange(+1);
|
|
},
|
|
|
|
unchecked : function(column) {
|
|
$('.column-' + column).addClass( 'hidden' );
|
|
this.colSpanChange(-1);
|
|
},
|
|
|
|
hidden : function() {
|
|
return $( '.manage-column[id]' ).filter( ':hidden' ).map(function() {
|
|
return this.id;
|
|
}).get().join( ',' );
|
|
},
|
|
|
|
useCheckboxesForHidden : function() {
|
|
this.hidden = function(){
|
|
return $('.hide-column-tog').not(':checked').map(function() {
|
|
var id = this.id;
|
|
return id.substring( id, id.length - 5 );
|
|
}).get().join(',');
|
|
};
|
|
},
|
|
|
|
colSpanChange : function(diff) {
|
|
var $t = $('table').find('.colspanchange'), n;
|
|
if ( !$t.length )
|
|
return;
|
|
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();
|
|
};
|
|
|
|
// stub for doing better warnings
|
|
showNotice = {
|
|
warn : function() {
|
|
var msg = commonL10n.warnDelete || '';
|
|
if ( confirm(msg) ) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
note : function(text) {
|
|
alert(text);
|
|
}
|
|
};
|
|
|
|
screenMeta = {
|
|
element: null, // #screen-meta
|
|
toggles: null, // .screen-meta-toggle
|
|
page: null, // #wpcontent
|
|
|
|
init: function() {
|
|
this.element = $('#screen-meta');
|
|
this.toggles = $( '#screen-meta-links' ).find( '.show-settings' );
|
|
this.page = $('#wpcontent');
|
|
|
|
this.toggles.click( this.toggleEvent );
|
|
},
|
|
|
|
toggleEvent: function() {
|
|
var panel = $( '#' + $( this ).attr( 'aria-controls' ) );
|
|
|
|
if ( !panel.length )
|
|
return;
|
|
|
|
if ( panel.is(':visible') )
|
|
screenMeta.close( panel, $(this) );
|
|
else
|
|
screenMeta.open( panel, $(this) );
|
|
},
|
|
|
|
open: function( panel, button ) {
|
|
|
|
$( '#screen-meta-links' ).find( '.screen-meta-toggle' ).not( button.parent() ).css( 'visibility', 'hidden' );
|
|
|
|
panel.parent().show();
|
|
panel.slideDown( 'fast', function() {
|
|
panel.focus();
|
|
button.addClass( 'screen-meta-active' ).attr( 'aria-expanded', true );
|
|
});
|
|
|
|
$document.trigger( 'screen:options:open' );
|
|
},
|
|
|
|
close: function( panel, button ) {
|
|
panel.slideUp( 'fast', function() {
|
|
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', function(e) {
|
|
var link = $(this),
|
|
panel;
|
|
|
|
e.preventDefault();
|
|
|
|
// Don't do anything if the click is for the tab already showing.
|
|
if ( link.is('.active a') )
|
|
return false;
|
|
|
|
// Links
|
|
$('.contextual-help-tabs .active').removeClass('active');
|
|
link.parent('li').addClass('active');
|
|
|
|
panel = $( link.attr('href') );
|
|
|
|
// Panels
|
|
$('.help-tab-content').not( panel ).removeClass('active').hide();
|
|
panel.addClass('active').show();
|
|
});
|
|
|
|
$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
|
|
$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() {
|
|
var respWidth, state;
|
|
|
|
// reset any compensation for submenus near the bottom of the screen
|
|
$('#adminmenu div.wp-submenu').css('margin-top', '');
|
|
|
|
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);
|
|
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';
|
|
}
|
|
}
|
|
|
|
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 = isIOS ? 'touchstart' : 'click';
|
|
|
|
// close any open submenus when touch/click is not on the menu
|
|
$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' );
|
|
}
|
|
});
|
|
|
|
$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 ( ! $menuItem.hasClass( 'opensub' ) && ( ! $menuItem.hasClass( 'wp-menu-open' ) || $menuItem.width() < 40 ) ) {
|
|
event.preventDefault();
|
|
adjustSubmenu( $menuItem );
|
|
$adminmenu.find( 'li.opensub' ).removeClass( 'opensub' );
|
|
$menuItem.addClass('opensub');
|
|
}
|
|
});
|
|
}
|
|
|
|
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
|
|
});
|
|
|
|
$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 ) );
|
|
});
|
|
}
|
|
|
|
/*
|
|
* The `.below-h2` class is here just for backwards 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' ).children( ':header' ).first() );
|
|
|
|
// Make notices dismissible
|
|
function makeNoticesDismissible() {
|
|
$( '.notice.is-dismissible' ).each( function() {
|
|
var $el = $( 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 );
|
|
$button.on( 'click.wp-dismiss-notice', function( event ) {
|
|
event.preventDefault();
|
|
$el.fadeTo( 100, 0, function() {
|
|
$el.slideUp( 100, function() {
|
|
$el.remove();
|
|
});
|
|
});
|
|
});
|
|
|
|
$el.append( $button );
|
|
});
|
|
}
|
|
|
|
$document.on( 'wp-plugin-update-error', function() {
|
|
makeNoticesDismissible();
|
|
});
|
|
|
|
// Init screen meta
|
|
screenMeta.init();
|
|
|
|
// check all checkboxes
|
|
$('tbody').children().children('.check-column').find(':checkbox').click( function(e) {
|
|
if ( 'undefined' == e.shiftKey ) { return true; }
|
|
if ( e.shiftKey ) {
|
|
if ( !lastClicked ) { return true; }
|
|
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 ) {
|
|
sliced = ( last > first ) ? checks.slice( first, last ) : checks.slice( last, first );
|
|
sliced.prop( 'checked', function() {
|
|
if ( $(this).closest('tr').is(':visible') )
|
|
return checked;
|
|
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
lastClicked = this;
|
|
|
|
// toggle "check all" checkboxes
|
|
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 true;
|
|
});
|
|
|
|
$('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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
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() {
|
|
setUserSetting('default_password_nag', 'hide');
|
|
$('div.default-password-nag').hide();
|
|
return false;
|
|
});
|
|
|
|
// tab in textareas
|
|
$('#newcontent').bind('keydown.wpevent_InsertTab', function(e) {
|
|
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;
|
|
}
|
|
|
|
if ( e.keyCode != 9 || e.ctrlKey || e.altKey || e.shiftKey ) // tab key
|
|
return;
|
|
|
|
if ( $(el).data('tab-out') ) {
|
|
$(el).data('tab-out', false);
|
|
return;
|
|
}
|
|
|
|
selStart = el.selectionStart;
|
|
selEnd = el.selectionEnd;
|
|
val = el.value;
|
|
|
|
if ( document.selection ) {
|
|
el.focus();
|
|
sel = document.selection.createRange();
|
|
sel.text = '\t';
|
|
} else if ( selStart >= 0 ) {
|
|
scroll = this.scrollTop;
|
|
el.value = val.substring(0, selStart).concat('\t', val.substring(selEnd) );
|
|
el.selectionStart = el.selectionEnd = selStart + 1;
|
|
this.scrollTop = scroll;
|
|
}
|
|
|
|
if ( e.stopPropagation )
|
|
e.stopPropagation();
|
|
if ( e.preventDefault )
|
|
e.preventDefault();
|
|
});
|
|
|
|
if ( pageInput.length ) {
|
|
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 )
|
|
pageInput.val('1');
|
|
});
|
|
}
|
|
|
|
$('.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 )
|
|
e.target.scrollIntoView(false);
|
|
});
|
|
|
|
// Disable upload buttons until files are selected
|
|
(function(){
|
|
var button, input, form = $('form.wp-upload-form');
|
|
if ( ! form.length )
|
|
return;
|
|
button = form.find('input[type="submit"]');
|
|
input = form.find('input[type="file"]');
|
|
|
|
function toggleUploadButton() {
|
|
button.prop('disabled', '' === input.map( function() {
|
|
return $(this).val();
|
|
}).get().join(''));
|
|
}
|
|
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();
|
|
|
|
// 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 = $( '<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) {}
|
|
}
|
|
}
|
|
};
|
|
|
|
// 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 );
|
|
});
|
|
|
|
// 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 ));
|