codecombat/app/templates/core/auth-modal.jade

.modal-dialog
  .modal-content
    img(src="/images/pages/modal/auth/login-background.png", draggable="false").auth-modal-background
    h1(data-i18n="login.log_in")

    #close-modal
      span.glyphicon.glyphicon-remove

  .auth-form-content

    if showRequiredError
      .alert.alert-success
        span(data-i18n="signup.required")
      
    #unknown-error-alert.alert.alert-danger.hide(data-i18n="loading_error.unknown")

    form.form
      .form-group
        label.control-label(for="username-or-email-input")
          span(data-i18n="login.email_or_username")
          | :
        .input-border
          input#username-or-email-input.input-large.form-control(
            name="emailOrUsername"
            value=view.previousFormInputs.email
          )
      .form-group
        #recover-account-wrapper
          a#link-to-recover(
            data-toggle="coco-modal"
            data-target="core/RecoverModal"
            data-i18n="login.forgot_password"
          )
        label.control-label(for="password")
          span(data-i18n="general.password")
          | :
        .input-border
          input#password-input.input-large.form-control(
            name="password"
            type="password"
            value=view.previousFormInputs.password
          )

      input#login-btn.btn.btn-lg.btn-illustrated.btn-block.btn-success(
        value=translate("login.log_in")
        type="submit"
      )

    .wait.secret
      h3(data-i18n="login.logging_in")
      
  .auth-network-logins
    // GitHub login complete, but the button does not fit in with the design yet. Hidden for now
    //div.network-login
    //  btn.btn.btn-sm.github-login-button#github-login-button
    //    img(src="/images/pages/modal/auth/github_icon.png")
    //    | GitHub
    button#facebook-login-btn.btn.btn-primary.btn-lg.btn-illustrated.network-login(disabled=true)
      img.network-logo(src="/images/pages/community/logo_facebook.png", draggable="false")
      span.sign-in-blurb(data-i18n="login.sign_in_with_facebook")
    button#gplus-login-btn.btn.btn-danger.btn-lg.btn-illustrated.network-login(disabled=true)
      img.network-logo(src="/images/pages/community/logo_g+.png", draggable="false")
      span.sign-in-blurb(data-i18n="login.sign_in_with_gplus")
      .gplus-login-wrapper
        .gplus-login-button

  .extra-pane
    .switch-explanation(data-i18n="login.signup_switch")
    .btn.btn-lg.btn-illustrated.btn-warning#switch-to-signup-btn(data-i18n="login.sign_up")
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`.modal-dialog`
			`.modal-content`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`img(src="/images/pages/modal/auth/login-background.png", draggable="false").auth-modal-background`
			`h1(data-i18n="login.log_in")`
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal. 2014-05-22 14:24:35 -04:00
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`#close-modal`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`span.glyphicon.glyphicon-remove`
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal. 2014-05-22 14:24:35 -04:00
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`.auth-form-content`
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal. 2014-05-22 14:24:35 -04:00
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`if showRequiredError`
			`.alert.alert-success`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`span(data-i18n="signup.required")`
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00
			`#unknown-error-alert.alert.alert-danger.hide(data-i18n="loading_error.unknown")`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00
			`form.form`
			`.form-group`
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`label.control-label(for="username-or-email-input")`
			`span(data-i18n="login.email_or_username")`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`\| :`
			`.input-border`
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`input#username-or-email-input.input-large.form-control(`
			`name="emailOrUsername"`
			`value=view.previousFormInputs.email`
			`)`
GET /auth/name/<name> now serves possible free names anonymous users are now warned if their new name is already chosen User Settings is now without auto-save Upon name conflict, a user will be suggested a new name which is then submitted if the user chooses to save after all. Refactored conflicted name checking so it can be used in more places Signup form now has an optional name field Covered extra case where the debounced check happened too late. Support for submitting on enter. Worked in scott's comments and got tests working again 2014-07-10 14:50:16 -04:00			`.form-group`
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`#recover-account-wrapper`
			`a#link-to-recover(`
			`data-toggle="coco-modal"`
			`data-target="core/RecoverModal"`
			`data-i18n="login.forgot_password"`
			`)`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`label.control-label(for="password")`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`span(data-i18n="general.password")`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`\| :`
			`.input-border`
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`input#password-input.input-large.form-control(`
			`name="password"`
			`type="password"`
			`value=view.previousFormInputs.password`
			`)`
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal. 2014-05-22 14:24:35 -04:00
Allow username login, tear out a bunch of related stuff in change * Switch from auth.loginUser to User.loginPasswordUser with Promise * Remove a cascade of unused views that were using auth.loginUser: StudentLogInModal, StudentSignupModal, HourOfCodeView * Also remove auth.createUser 2016-06-08 16:45:25 -04:00			`input#login-btn.btn.btn-lg.btn-illustrated.btn-block.btn-success(`
			`value=translate("login.log_in")`
			`type="submit"`
			`)`
Fixes #940, merging the signup and login modal into a single modal. Created a couple A/B tests for amount of text in the signup modal. 2014-05-22 14:24:35 -04:00
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`.wait.secret`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`h3(data-i18n="login.logging_in")`

Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`.auth-network-logins`
Fixed GitHub authentication - #1764 2016-02-13 23:08:47 -05:00			`// GitHub login complete, but the button does not fit in with the design yet. Hidden for now`
Disabled GitHub login for now, since it's too buggy and also makes the server mad slow. 2014-11-29 13:52:46 -05:00			`//div.network-login`
			`// btn.btn.btn-sm.github-login-button#github-login-button`
			`// img(src="/images/pages/modal/auth/github_icon.png")`
			`// \| GitHub`
AuthModal and CreateAccountModal load gplus and facebook on init On Windows/Chrome, the first click of the g+ button shows a popup blocked warning, because the action is deferred while loading the gplus library. Have the modals load the library first, and enable the buttons when they're ready. 2016-05-31 15:39:30 -04:00			`button#facebook-login-btn.btn.btn-primary.btn-lg.btn-illustrated.network-login(disabled=true)`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00			`img.network-logo(src="/images/pages/community/logo_facebook.png", draggable="false")`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`span.sign-in-blurb(data-i18n="login.sign_in_with_facebook")`
AuthModal and CreateAccountModal load gplus and facebook on init On Windows/Chrome, the first click of the g+ button shows a popup blocked warning, because the action is deferred while loading the gplus library. Have the modals load the library first, and enable the buttons when they're ready. 2016-05-31 15:39:30 -04:00			`button#gplus-login-btn.btn.btn-danger.btn-lg.btn-illustrated.network-login(disabled=true)`
Enable Google+ on login modal for IE 2015-01-14 17:15:29 -05:00			`img.network-logo(src="/images/pages/community/logo_g+.png", draggable="false")`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`span.sign-in-blurb(data-i18n="login.sign_in_with_gplus")`
Enable Google+ on login modal for IE 2015-01-14 17:15:29 -05:00			`.gplus-login-wrapper`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`.gplus-login-button`
Implemented new AuthModal design (sans green button for signup/login). 2014-12-06 20:27:02 -05:00
			`.extra-pane`
Refactor CreateAccountModal out of AuthModal, add class code to signup 2016-02-25 18:24:16 -05:00			`.switch-explanation(data-i18n="login.signup_switch")`
			`.btn.btn-lg.btn-illustrated.btn-warning#switch-to-signup-btn(data-i18n="login.sign_up")`