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.

212 lines
9.1 KiB

  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <div th:replace="fragments/head :: headFragment">
  5. <title id="pageTitle">Users</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. <style>
  12. .sidebar {
  13. height: 100%;
  14. }
  15. </style>
  16. </head>
  17. <!-- TODO
  18. Make user admin / remove user from admin
  19. Change E2E passphrase
  20. Delete Messages
  21. -->
  22. <!-- <div th:include="fragments/admin :: admin-sidebar"></div> -->
  23. <body id="page-top">
  24. <!-- Page Wrapper -->
  25. <div id="wrapper">
  26. <div th:include="fragments/admin :: sidebar-fragment"></div>
  27. <!-- Content Wrapper -->
  28. <div id="content-wrapper" class="d-flex flex-column" style="background-color: #333;">
  29. <!-- Main Content -->
  30. <div id="content">
  31. <div th:include="fragments/admin :: topbar-fragment"></div>
  32. <!-- Begin Page Content -->
  33. <div class="container-fluid">
  34. <!-- Page Heading -->
  35. <!-- Content Row -->
  36. <div class="row">
  37. <div class="col-lg-10 offset-lg-1">
  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">Users</h6>
  42. </div>
  43. <div class="card-body">
  44. <table data-toggle="table" class="text-white">
  45. <thead>
  46. <tr>
  47. <th>User ID</th>
  48. <th>User Name</th>
  49. <th>Role</th>
  50. <th>Registration Date</th>
  51. <th>Action</th>
  52. </tr>
  53. </thead>
  54. <tbody>
  55. <tr>
  56. <td>1</td>
  57. <td>Item 1</td>
  58. <td>$1</td>
  59. <td></td>
  60. <td><button class="btn btn-info"><i
  61. class="fas fa-ellipsis-h"></i></button></td>
  62. </tr>
  63. <tr>
  64. <td>2</td>
  65. <td>Item 2</td>
  66. <td>$2</td>
  67. </tr>
  68. <tr>
  69. <td>2</td>
  70. <td>Item 2</td>
  71. <td>$2</td>
  72. </tr>
  73. <tr>
  74. <td>2</td>
  75. <td>Item 2</td>
  76. <td>$2</td>
  77. </tr>
  78. <tr>
  79. <td>2</td>
  80. <td>Item 2</td>
  81. <td>$2</td>
  82. </tr>
  83. <tr>
  84. <td>2</td>
  85. <td>Item 2</td>
  86. <td>$2</td>
  87. </tr>
  88. <tr>
  89. <td>2</td>
  90. <td>Item 2</td>
  91. <td>$2</td>
  92. </tr>
  93. <tr>
  94. <td>2</td>
  95. <td>Item 2</td>
  96. <td>$2</td>
  97. </tr>
  98. <tr>
  99. <td>2</td>
  100. <td>Item 2</td>
  101. <td>$2</td>
  102. </tr>
  103. <tr>
  104. <td>2</td>
  105. <td>Item 2</td>
  106. <td>$2</td>
  107. </tr>
  108. <tr>
  109. <td>2</td>
  110. <td>Item 2</td>
  111. <td>$2</td>
  112. </tr>
  113. <tr>
  114. <td>2</td>
  115. <td>Item 2</td>
  116. <td>$2</td>
  117. </tr>
  118. <tr>
  119. <td>2</td>
  120. <td>Item 2</td>
  121. <td>$2</td>
  122. </tr>
  123. <tr>
  124. <td>2</td>
  125. <td>Item 2</td>
  126. <td>$2</td>
  127. </tr>
  128. <tr>
  129. <td>2</td>
  130. <td>Item 2</td>
  131. <td>$2</td>
  132. </tr>
  133. <tr>
  134. <td>2</td>
  135. <td>Item 2</td>
  136. <td>$2</td>
  137. </tr>
  138. <tr>
  139. <td>2</td>
  140. <td>Item 2</td>
  141. <td>$2</td>
  142. </tr>
  143. <tr>
  144. <td>2</td>
  145. <td>Item 2</td>
  146. <td>$2</td>
  147. </tr>
  148. <tr>
  149. <td>2</td>
  150. <td>Item 2</td>
  151. <td>$2</td>
  152. </tr>
  153. <tr>
  154. <td>2</td>
  155. <td>Item 2</td>
  156. <td>$2</td>
  157. </tr>
  158. </tbody>
  159. </table>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <!-- /.container-fluid -->
  166. </div>
  167. <!-- End of Main Content -->
  168. <div th:include="fragments/admin :: footer"></div>
  169. </div>
  170. <!-- End of Content Wrapper -->
  171. </div>
  172. <!-- End of Page Wrapper -->
  173. <th:block th:include="fragments/admin :: modal"></th:block>
  174. <div th:if="false">
  175. <th:block th:include="admin :: modal"></th:block>
  176. </div>
  177. <template id="users-table-template">
  178. <tr>
  179. <td>{{id}}</td>
  180. <td>{{userName}}</td>
  181. <td>{{role}}</td>
  182. <td>{{joinDate}}</td>
  183. <td></td>
  184. </tr>
  185. </template>
  186. </body>
  187. </html>