register-form.hbs 2.5 KB

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