33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
jQuery( document ).ready( function( $ ) {
|
|
var body = $( 'body' ),
|
|
toggleSSO = $( '.jetpack-sso-toggle' ),
|
|
userLogin = $( '#user_login' ),
|
|
ssoWrap = $( '#jetpack-sso-wrap' ),
|
|
loginForm = $( '#loginform' ),
|
|
overflow = $( '<div class="jetpack-sso-clear"></div>' );
|
|
|
|
// The overflow div is a poor man's clearfloat. We reposition the remember me
|
|
// checkbox and the submit button within that to clear the float on the
|
|
// remember me checkbox. This is important since we're positioning the SSO
|
|
// UI under the submit button.
|
|
//
|
|
// @TODO: Remove this approach once core ticket 28528 is in and we have more actions in wp-login.php.
|
|
// See - https://core.trac.wordpress.org/ticket/28528
|
|
loginForm.append( overflow );
|
|
overflow.append( $( 'p.forgetmenot' ), $( 'p.submit' ) );
|
|
|
|
// We reposition the SSO UI at the bottom of the login form which
|
|
// fixes a tab order issue. Then we override any styles for absolute
|
|
// positioning of the SSO UI.
|
|
loginForm.append( ssoWrap );
|
|
body.addClass( 'jetpack-sso-repositioned' );
|
|
|
|
toggleSSO.on( 'click', function( e ) {
|
|
e.preventDefault();
|
|
body.toggleClass( 'jetpack-sso-form-display' );
|
|
if ( ! body.hasClass( 'jetpack-sso-form-display' ) ) {
|
|
userLogin.focus();
|
|
}
|
|
} );
|
|
} );
|