mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-25 15:22:53 +02:00
Follow-up to [50001], [50270], [50367], [50383], [50410], [50420], [50429]. Props Clorith. See #51812. Built from https://develop.svn.wordpress.org/trunk@50547 git-svn-id: http://core.svn.wordpress.org/trunk@50160 1a063a9b-81f0-0310-95a4-ce76da25c4cd
172 lines
4.1 KiB
JavaScript
172 lines
4.1 KiB
JavaScript
/**
|
|
* 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.
|
|
*/
|
|
$( 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();
|
|
});
|
|
}).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();
|
|
}
|
|
}
|
|
});
|
|
|
|
}(jQuery));
|