login.pug 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. extends ../layout
  2. block vars
  3. - metadata = { viewport: true }
  4. block content
  5. main.content.content-alt
  6. .container
  7. .row
  8. .col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
  9. .card
  10. .page-header
  11. h1 #{translate("log_in")}
  12. form(async-form="login", name="loginForm", action='/login', method="POST", ng-cloak)
  13. input(name='_csrf', type='hidden', value=csrfToken)
  14. form-messages(for="loginForm")
  15. .form-group
  16. input.form-control(
  17. type='email',
  18. name='email',
  19. required,
  20. placeholder='email@example.com',
  21. ng-model="email",
  22. ng-model-options="{ updateOn: 'blur' }",
  23. focus="true"
  24. )
  25. span.small.text-primary(ng-show="loginForm.email.$invalid && loginForm.email.$dirty")
  26. | #{translate("must_be_email_address")}
  27. .form-group
  28. input.form-control(
  29. type='password',
  30. name='password',
  31. required,
  32. placeholder='********',
  33. ng-model="password"
  34. )
  35. span.small.text-primary(ng-show="loginForm.password.$invalid && loginForm.password.$dirty")
  36. | #{translate("required")}
  37. .actions
  38. button.btn-primary.btn(
  39. type='submit',
  40. ng-disabled="loginForm.inflight"
  41. )
  42. span(ng-show="!loginForm.inflight") #{translate("login")}
  43. span(ng-show="loginForm.inflight") #{translate("logging_in")}…
  44. a.pull-right(href='/user/password/reset') #{translate("forgot_your_password")}?