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
3.8 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">
  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. <div class="table-responsive">
  45. <table data-toggle="table" class="table table-bordered text-white" width="100%"
  46. cellspacing="0" id="usersTable">
  47. <thead>
  48. <tr>
  49. <th>User ID</th>
  50. <th>User Name</th>
  51. <th>Role</th>
  52. <th>Registration Date</th>
  53. <!-- <th>Action</th> -->
  54. </tr>
  55. </thead>
  56. <tbody id="usersTableBody">
  57. </tbody>
  58. </table>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <!-- /.container-fluid -->
  65. </div>
  66. <!-- End of Main Content -->
  67. <div th:include="fragments/admin :: footer"></div>
  68. </div>
  69. <!-- End of Content Wrapper -->
  70. </div>
  71. <!-- End of Page Wrapper -->
  72. <th:block th:include="fragments/admin :: modal"></th:block>
  73. <div th:if="false">
  74. <th:block th:include="admin :: modal"></th:block>
  75. </div>
  76. <template id="users-table-template">
  77. <tr>
  78. <td>{{id}}</td>
  79. <td>{{userName}}</td>
  80. <td>{{role}}</td>
  81. <td>{{joinDate}}</td>
  82. <td><button class="btn btn-info"><i class="fas fa-ellipsis-h"></i></button></td>
  83. </tr>
  84. </template>
  85. </body>
  86. </html>