register-form.hbs 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {{#if isReady}}
  2. <div class="modal-body">
  3. {{#form-row label=(gettext "Username:") for="id_username" label-class="col-md-4" control-class="col-md-8" validation=validation.username}}
  4. {{input id="id_username" type="text" class="form-control" autocomplete="off" value=username}}
  5. {{/form-row}}
  6. {{#form-row label=(gettext "E-mail:") for="id_email" label-class="col-md-4" control-class="col-md-8" validation=validation.email}}
  7. {{input id="id_email" type="text" class="form-control" autocomplete="off" value=email}}
  8. {{/form-row}}
  9. {{#form-row label=(gettext "Password:") help_text=passwordHelpText for="id_password" label-class="col-md-4" control-class="col-md-8" validation=validation.password}}
  10. {{input id="id_password" type="password" class="form-control" autocomplete="off" value=password}}
  11. {{#if passwordHelpText}}
  12. <div class="progress password-strength">
  13. <div class="progress-bar {{passwordBarClass}}" role="progressbar" aria-valuenow="{{passwordScore}}" aria-valuemin="0" aria-valuemax="4" style="width: 20%;"></div>
  14. </div>
  15. {{/if}}
  16. {{/form-row}}
  17. {{#if captcha.field}}
  18. <hr>
  19. {{#if captcha.passed}}
  20. <p class="lead text-success text-center">
  21. <span class="fa fa-check fa-lg"></span>
  22. {{gettext "Anti-spam test completed."}}
  23. </p>
  24. {{else}}
  25. {{component captcha.field validation=validation.captcha label-class="col-md-4" control-class="col-md-8"}}
  26. {{/if}}
  27. {{/if}}
  28. </div>
  29. <div class="modal-footer">
  30. <div class="text-center">
  31. {{#if isLoading}}
  32. <button type="button" class="btn btn-primary" disabled="disabled">
  33. <span class="fa fa-cog fa-spin"></span>
  34. {{gettext "Registering..."}}
  35. </button>
  36. {{else}}
  37. <button type="submit" class="btn btn-primary">
  38. {{gettext "Register account"}}
  39. </button>
  40. {{/if}}
  41. {{#if showTermsFootnote}}
  42. <div class="footer-extra">
  43. <p class="text-muted">
  44. {{#link-to "terms-of-service" class="site-link" target="_blank"}}
  45. <strong>{{gettext "Notice:"}}</strong>
  46. {{gettext "By registering account you accept site's terms of service."}}
  47. {{/link-to}}
  48. </p>
  49. </div>
  50. {{/if}}
  51. </div>
  52. </div>
  53. {{else if isErrored}}
  54. <div class="modal-body modal-message">
  55. <p class="lead">
  56. <span class="fa fa-warning fa-lg"></span>
  57. {{gettext "This form is not avaialable at the moment."}}
  58. </p>
  59. <p>{{gettext "Please contact board administrator."}}</p>
  60. </div>
  61. {{else}}
  62. <div class="modal-body modal-message">
  63. <div class="loader"></div>
  64. </div>
  65. {{/if}}