/wp-admin/js/common.js
JavaScript | 433 lines | 326 code | 76 blank | 31 comment | 75 complexity | 03eaffeef39119f0523a49c7f9767f3b MD5 | raw file
- var showNotice, adminMenu, columns, validateForm, screenMeta;
- (function($){
- // 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).show();
- this.colSpanChange(+1);
- },
- unchecked : function(column) {
- $('.column-' + column).hide();
- this.colSpanChange(-1);
- },
- hidden : function() {
- return $('.manage-column').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-toggle a');
- this.page = $('#wpcontent');
- this.toggles.click( this.toggleEvent );
- },
- toggleEvent: function( e ) {
- var panel = $( this.href.replace(/.+#/, '#') );
- e.preventDefault();
- if ( !panel.length )
- return;
- if ( panel.is(':visible') )
- screenMeta.close( panel, $(this) );
- else
- screenMeta.open( panel, $(this) );
- },
- open: function( panel, link ) {
- $('.screen-meta-toggle').not( link.parent() ).css('visibility', 'hidden');
- panel.parent().show();
- panel.slideDown( 'fast', function() {
- panel.focus();
- link.addClass('screen-meta-active').attr('aria-expanded', true);
- });
- },
- close: function( panel, link ) {
- panel.slideUp( 'fast', function() {
- link.removeClass('screen-meta-active').attr('aria-expanded', false);
- $('.screen-meta-toggle').css('visibility', '');
- panel.parent().hide();
- });
- }
- };
- /**
- * Help tabs.
- */
- $('.contextual-help-tabs').delegate('a', 'click focus', 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 lastClicked = false, checks, first, last, checked, menu = $('#adminmenu'), mobileEvent,
- pageInput = $('input.current-page'), currentPage = pageInput.val();
- // when the menu is folded, make the fly-out submenu header clickable
- menu.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;
- // 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 ( respWidth && respWidth < 900 ) {
- if ( body.hasClass('auto-fold') ) {
- body.removeClass('auto-fold').removeClass('folded');
- setUserSetting('unfold', 1);
- setUserSetting('mfold', 'o');
- } else {
- body.addClass('auto-fold');
- setUserSetting('unfold', 0);
- }
- } else {
- if ( body.hasClass('folded') ) {
- body.removeClass('folded');
- setUserSetting('mfold', 'o');
- } else {
- body.addClass('folded');
- setUserSetting('mfold', 'f');
- }
- }
- });
- 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';
- // 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');
- });
- menu.find('a.wp-has-submenu').on( mobileEvent+'.wp-mobile-hover', function(e) {
- var el = $(this), parent = el.parent();
- // 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');
- }
- });
- }
- 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 ( isNaN(top) || top > -5 ) // meaning 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
- 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;
- if ( o > 1 )
- m.css('margin-top', '-'+o+'px');
- else
- m.css('margin-top', '');
- 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
- });
- 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();
- // 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' );
- 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(){
- 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').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').click( function(e) {
- var c = $(this).prop('checked'),
- kbtoggle = 'undefined' == typeof toggleWithKeyboard ? false : toggleWithKeyboard,
- toggle = e.shiftKey || kbtoggle;
- $(this).closest( '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 (c)
- return true;
- return false;
- });
- $(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;
- });
- });
- $('#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
- $(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;
- 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();
- 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();
- });
- $('#newcontent').bind('blur.wpevent_InsertTab', function(e) {
- if ( this.lastKey && 9 == this.lastKey )
- this.focus();
- });
- if ( pageInput.length ) {
- pageInput.closest('form').submit( function(e){
- // 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');
- });
- }
- // 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);
- })();
- });
- // internal use
- $(document).bind( 'wp_CloseOnEscape', function( e, data ) {
- if ( typeof(data.cb) != 'function' )
- return;
- if ( typeof(data.condition) != 'function' || data.condition() )
- data.cb();
- return true;
- });
- })(jQuery);