reset-password.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org" layout:decorate="~{layout/layout}">
  3. <head>
  4. <title>Register Success</title>
  5. <script src="/js/user/reset-password.js" defer></script>
  6. </head>
  7. <body>
  8. <div layout:fragment="content" class="ui container" id="app">
  9. <br />
  10. <div class="ui centered grid">
  11. <div class="eight wide column">
  12. <div v-if="!sent">
  13. <h2 class="ui header">Reset Password</h2>
  14. <p>
  15. If you've forgotten your password you can request a to change it. An email will be sent to you with a link and validation code to
  16. allow the request to take effect.
  17. </p>
  18. <form class="ui form" id="reset-password-form">
  19. <input type="hidden" name="type" value="password" />
  20. <div class="field">
  21. <label>Username</label>
  22. <input type="text" name="username" placeholder="username" />
  23. </div>
  24. <div class="field">
  25. <label>Password</label>
  26. <input type="password" name="password1" placeholder="password" />
  27. </div>
  28. <div class="field">
  29. <label>Password (again)</label>
  30. <div class="ui input">
  31. <input type="password" name="password2" placeholder="password (again)" />
  32. </div>
  33. </div>
  34. </form>
  35. <br />
  36. <button class="ui green button" @click="sendRequest()">Send Request</button>
  37. </div>
  38. <div v-else>
  39. <div class="ui success message">
  40. <h3 class="ui header">Email Sent</h3>
  41. <p>
  42. A validation email has been sent to your email address. Please check your email.
  43. </p>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </body>
  50. </html>