A self hosted chat application with end-to-end encrypted messaging.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
4.1 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <div th:replace="fragments/head :: headFragment">
  5. <title id="pageTitle">Registration</title>
  6. </div>
  7. <script src="https://code.jquery.com/jquery-2.1.4.min.js" th:if="false"></script>
  8. <script src="http://blackpeppersoftware.github.io/thymeleaf-fragment.js/thymeleaf-fragment.js" defer="defer" th:if="false"></script>
  9. </head>
  10. <body>
  11. <div th:include="fragments/navbar :: navbarFragment"></div>
  12. <header>
  13. <div class="container">
  14. <div class="row">
  15. <div class="col-lg-6 offset-lg-3 py-5">
  16. <!-- <h4 class="display-4 text-center py-2">Chat</h4> -->
  17. <div class="card text-white bg-primary card-form rounded mx-auto p-5" id="registration-card">
  18. <div class="card-body rounded">
  19. <!-- <h4 class="card-title">Chat</h4> -->
  20. <!-- <div class="form-group">
  21. <textarea id="chatTextArea" class="form-control-lg py-2" disabled></textarea>
  22. </div> -->
  23. <!-- <form action="#" th:action="@{/seedstartermng}" th:object="${seedStarter}" method="post"> -->
  24. <!-- th:action="@{/api/chat}" -->
  25. <!-- <label>First Name</label>
  26. <div th:classappend="${#fields.hasErrors('firstName')} ? 'input-icon right' : ''">
  27. <i th:if="${#fields.hasErrors('firstName')}" class="fa fa-exclamation tooltips" data-original-title="please enter a valid first name" data-container="body"></i>
  28. <input type="text" class="form-control" maxlength="32" th:field="*{firstName}" placeholder="Between 1 and 32 characters" />
  29. <span th:if="${#fields.hasErrors('firstName')}" class="help-block" th:errors="*{firstName}"></span>
  30. </div> -->
  31. <div class="card-text">
  32. <h2 class="card-title text-center mb-3">Register</h2>
  33. <form action="#" th:action="@{/perform_registration}" th:object=${userRegistrationDTO} method="POST">
  34. <div class="form-group">
  35. <label>Enter username: </label>
  36. <input th:classappend="${#fields.hasErrors('userName')} ? 'is-invalid' : ''" class="form-control" th:field="*{userName}" type="text" name="username" required>
  37. <small class="form-text">Username must be alphanumeric</small>
  38. <span th:if="${#fields.hasErrors('userName')}" class="help-block text-danger" th:errors="*{userName}"></span>
  39. </div>
  40. <div class="form-group">
  41. <label>Enter password: </label>
  42. <input th:classappend="${#fields.hasErrors('password')} ? 'is-invalid' : ''" class="form-control" th:field="*{password}" type="password" name="password" id="password" required>
  43. <span th:if="${#fields.hasErrors('password')}" class="help-block text-danger" th:errors="*{password}"></span>
  44. </div>
  45. <div class="form-group">
  46. <label for="password-repeat">Repeat password: </label>
  47. <input class="form-control" type="password" id="password-repeat" required>
  48. </div>
  49. <div class="form-group">
  50. <input class="form-control btn btn-secondary" type="submit" value="Submit">
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </header>
  60. </body>
  61. </html>