diff options
Diffstat (limited to 'plugins/jetpack/modules/sso/jetpack-sso-login.js')
| -rw-r--r-- | plugins/jetpack/modules/sso/jetpack-sso-login.js | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/sso/jetpack-sso-login.js b/plugins/jetpack/modules/sso/jetpack-sso-login.js new file mode 100644 index 00000000..a37feeb5 --- /dev/null +++ b/plugins/jetpack/modules/sso/jetpack-sso-login.js @@ -0,0 +1,32 @@ +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(); + } + } ); +} ); |