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.

112 lines
4.4 KiB

4 years ago
4 years ago
4 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">Change Passphrase</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"
  9. data-template-prefix="../" defer="defer" th:if="false"></script>
  10. <th:block th:include="fragments/admin :: headFragment"></th:block>
  11. </head>
  12. <!-- TODO
  13. Make user admin / remove user from admin
  14. Change E2E passphrase
  15. Delete Messages
  16. -->
  17. <!-- <div th:include="fragments/admin :: admin-sidebar"></div> -->
  18. <body id="page-top">
  19. <!-- Page Wrapper -->
  20. <div id="wrapper">
  21. <div th:include="fragments/admin :: sidebar-fragment"></div>
  22. <!-- Content Wrapper -->
  23. <div id="content-wrapper" class="d-flex flex-column" style="background-color: #333;">
  24. <!-- Main Content -->
  25. <div id="content">
  26. <div th:include="fragments/admin :: topbar-fragment"></div>
  27. <!-- Begin Page Content -->
  28. <div class="container-fluid">
  29. <!-- Page Heading -->
  30. <div class="d-sm-flex align-items-center justify-content-between mb-4">
  31. <h1 class="h3 mb-0 text-light">Dashboard</h1>
  32. <a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
  33. class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>
  34. </div>
  35. <!-- Content Row -->
  36. <div class="row">
  37. <div class="col-lg-4 mb-4 offset-lg-4">
  38. <!-- Approach -->
  39. <div class="card bg-dark border border-dark text-white shadow mb-4">
  40. <div class="card-header bg-secondary border border-secondary py-3">
  41. <h6 class="m-0 font-weight-bold text-white">Development Approach</h6>
  42. </div>
  43. <div class="card-body">
  44. <h4>Change passphrases</h4>
  45. <form id="changePassphraseForm">
  46. <div class="form-group">
  47. <label for="changePassphraseDropDown">Select User:</label>
  48. <select class="form-control" id="changePassphraseDropDown">
  49. <option th:each="userName : ${userNames}" th:value="${userName}"
  50. th:text="#{${userName}}">
  51. Wireframe
  52. </option>
  53. </select>
  54. </div>
  55. <div class="form-group">
  56. <label for="passphraseOld">Passphrase Old</label>
  57. <input type="password" id="passphraseOld" class="form-control">
  58. </div>
  59. <div class="form-group">
  60. <label for="passphraseNew">Passphrase New</label>
  61. <input type="password" id="passphraseNew" class="form-control">
  62. </div>
  63. <div class="form-group">
  64. <button class="btn btn-danger form-control">Change Passphrase</button>
  65. </div>
  66. </form>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <!-- /.container-fluid -->
  73. </div>
  74. <!-- End of Main Content -->
  75. <div th:include="fragments/admin :: footer"></div>
  76. </div>
  77. <!-- End of Content Wrapper -->
  78. </div>
  79. <!-- End of Page Wrapper -->
  80. <th:block th:include="fragments/admin :: modal"></th:block>
  81. <div th:if="false">
  82. <th:block th:include="admin :: modal"></th:block>
  83. </div>
  84. </body>
  85. </html>