WordPress/wp-includes/js/wp-auth-check.js

172 lines
4.1 KiB
JavaScript
Raw Permalink Normal View History

/**
* Interim login dialog.
*
* @output wp-includes/js/wp-auth-check.js
*/
( function( $ ) {
var wrap,
tempHidden,
tempHiddenTimeout;
/**
* Shows the authentication form popup.
*
* @since 3.6.0
* @private
*/
function show() {
var parent = $( '#wp-auth-check' ),
form = $( '#wp-auth-check-form' ),
noframe = wrap.find( '.wp-auth-fallback-expired' ),
frame, loaded = false;
if ( form.length ) {
// Add unload confirmation to counter (frame-busting) JS redirects.
$( window ).on( 'beforeunload.wp-auth-check', function( event ) {
event.originalEvent.returnValue = window.wp.i18n.__( 'Your session has expired. You can log in again from this page or go to the login page.' );
});
frame = $( '<iframe id="wp-auth-check-frame" frameborder="0">' ).attr( 'title', noframe.text() );
frame.on( 'load', function() {
var height, body;
loaded = true;
// Remove the spinner to avoid unnecessary CPU/GPU usage.
form.removeClass( 'loading' );
try {
body = $( this ).contents().find( 'body' );
height = body.height();
} catch( er ) {
wrap.addClass( 'fallback' );
parent.css( 'max-height', '' );
form.remove();
noframe.focus();
return;
}
if ( height ) {
if ( body && body.hasClass( 'interim-login-success' ) ) {
hide();
} else {
parent.css( 'max-height', height + 40 + 'px' );
}
} else if ( ! body || ! body.length ) {
// Catch "silent" iframe origin exceptions in WebKit
// after another page is loaded in the iframe.
wrap.addClass( 'fallback' );
parent.css( 'max-height', '' );
form.remove();
noframe.focus();
}
}).attr( 'src', form.data( 'src' ) );
form.append( frame );
}
$( 'body' ).addClass( 'modal-open' );
wrap.removeClass( 'hidden' );
if ( frame ) {
frame.focus();
/*
* WebKit doesn't throw an error if the iframe fails to load
* because of "X-Frame-Options: DENY" header.
* Wait for 10 seconds and switch to the fallback text.
*/
setTimeout( function() {
if ( ! loaded ) {
wrap.addClass( 'fallback' );
form.remove();
noframe.focus();
}
}, 10000 );
} else {
noframe.focus();
}
}
/**
* Hides the authentication form popup.
*
* @since 3.6.0
* @private
*/
function hide() {
var adminpage = window.adminpage,
wp = window.wp;
$( window ).off( 'beforeunload.wp-auth-check' );
// When on the Edit Post screen, speed up heartbeat
// after the user logs in to quickly refresh nonces.
if ( ( adminpage === 'post-php' || adminpage === 'post-new-php' ) && wp && wp.heartbeat ) {
wp.heartbeat.connectNow();
}
wrap.fadeOut( 200, function() {
wrap.addClass( 'hidden' ).css( 'display', '' );
$( '#wp-auth-check-frame' ).remove();
$( 'body' ).removeClass( 'modal-open' );
});
}
/**
* Set or reset the tempHidden variable used to pause showing of the modal
* after a user closes it without logging in.
*
* @since 5.5.0
* @private
*/
function setShowTimeout() {
tempHidden = true;
window.clearTimeout( tempHiddenTimeout );
tempHiddenTimeout = window.setTimeout(
function() {
tempHidden = false;
},
300000 // 5 min.
);
}
/**
* Binds to the Heartbeat Tick event.
*
* - Shows the authentication form popup if user is not logged in.
* - Hides the authentication form popup if it is already visible and user is
* logged in.
*
* @ignore
*
* @since 3.6.0
*
* @param {Object} e The heartbeat-tick event that has been triggered.
* @param {Object} data Response data.
*/
$( document ).on( 'heartbeat-tick.wp-auth-check', function( e, data ) {
if ( 'wp-auth-check' in data ) {
if ( ! data['wp-auth-check'] && wrap.hasClass( 'hidden' ) && ! tempHidden ) {
show();
} else if ( data['wp-auth-check'] && ! wrap.hasClass( 'hidden' ) ) {
hide();
}
}
}).ready( function() {
/**
* Hides the authentication form popup when the close icon is clicked.
*
* @ignore
*
* @since 3.6.0
*/
wrap = $( '#wp-auth-check-wrap' );
wrap.find( '.wp-auth-check-close' ).on( 'click', function() {
hide();
setShowTimeout();
});
});
}(jQuery));