habitica-self-host/website/views/static/login-modal.jade

script(id='modals/login.html', type='text/ng-template')
  .modal-header
    button.close(type='button', ng-click='$close()') ×
    h4.modal-title=env.t('loginAndReg')
  .modal-body(ng-controller='AuthCtrl')
    a.zocial.facebook(alt=env.t('loginFacebookAlt'), ng-click='socialLogin("facebook")')=env.t('loginFacebookAlt')
    //-ul.list-inline
      li
        a.zocial.icon.facebook(alt=env.t('loginFacebookAlt'), ng-click='socialLogin("facebook")')
      li
        a.zocial.icon.googleplus(alt="Google", ng-click='socialLogin("google")') Google+
      li
        a.zocial.icon.twitter(alt="Twitter", ng-click='socialLogin("twitter")') Twitter
    hr
    tabset(justified='true')
      tab(heading=env.t('login'))
        form#login-tab(ng-submit='auth()', method='POST')
          .form-group
            input.form-control(type='text', ng-model='loginUsername', placeholder=env.t('username')+' or Email', name='username', spellcheck='false', required)
          .form-group
            input.form-control(type='password', ng-model='loginPassword', placeholder=env.t('password'), name='password', required)
            //-.control-group
              label.checkbox
                input(type='checkbox', ng-click='useUUID = !useUUID')
                =env.t('useUUID')
          .form-group
            input.btn.btn-primary(type='submit', value=env.t('login'))

          small=env.t('passMan')
          br
          br

        // good god accordions have html ceremony
        .panel-group#forgot-password
          .panel.panel-default
            .panel-heading
              h3.panel-title
                a(data-toggle="collapse" data-parent="#forgot-password" href="#forgot-password-panel")=env.t('forgotPass')

            .panel-body.collapse#forgot-password-panel
              form(name='passwordResetForm', ng-submit='passwordReset(passwordResetEmail)', novalidate)
                //.alert.alert-success {.success.passwordReset}
                //.control-group.{#if..errors.passwordReset}error{/}
                h3=env.t('emailNewPass')
                .form-group
                  input.form-control(type='email', name='email', placeholder=env.t('email') , ng-model='passwordResetEmail')
                  //span.help-inline {.errors.passwordReset}
                .form-group
                  input.btn.btn-default(type='submit', value=env.t('submit'))

      tab(heading=env.t('register'))
        form#registrationForm(ng-submit='register()', name='registrationForm')
          .form-group
            input.form-control(type='text', ng-model='registerVals.username', placeholder=env.t('username'), spellcheck='false', required)
          .form-group
            input.form-control(type='email', ng-model='registerVals.email', placeholder=env.t('email'), required)
          .form-group
            input.form-control(type='password', ng-model='registerVals.password', placeholder=env.t('password'), required)
          .form-group
            input.form-control(type='password', ng-model='registerVals.confirmPassword', placeholder=env.t('passConfirm'), required)
          .form-group
            small
              =env.t('accept1Terms')
              | 
              a(href='/static/terms' target='_blank')=env.t('terms')
              | 
              =env.t('accept2Terms')
              | 
              a(href='/static/privacy' target='_blank')=env.t('privacy')
              | .
          .form-group
            input.btn.btn-primary(type='submit', ng-disabled='registrationForm.$invalid || registrationInProgress', value=env.t('register'))