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
5.6 KiB

  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
  3. <head>
  4. <div th:replace="fragments/head :: headFragment">
  5. <meta charset="UTF-8">
  6. <title id="pageTitle">Navbar Fragment</title>
  7. </div>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module" th:if="false"></script>
  9. <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.css" th:if="false" rel="stylesheet" type="text/css">
  10. <script src="https://code.jquery.com/jquery-2.1.4.min.js" th:if="false"></script>
  11. <script src="http://blackpeppersoftware.github.io/thymeleaf-fragment.js/thymeleaf-fragment.js" defer="defer" th:if="false"></script>
  12. </head>
  13. <body>
  14. <th:block th:fragment="navbarFragment">
  15. <!-- <div class="container"> -->
  16. <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
  17. <div class="container">
  18. <a href="home.html" th:href="@{/}" class="navbar-brand">Chatto</a>
  19. <!-- <div class="navbar-header">
  20. <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
  21. <i class="fas fa-chevron-down"></i>
  22. </button>
  23. </div>
  24. <div class="collapse navbar-collapse" id="navbarCollapse">
  25. <ul class="navbar-nav ml-auto">
  26. <li class="nav-item">
  27. <a href="home.html" th:href="@{/}" class="nav-link">Home</a>
  28. </li>
  29. <li class="nav-item">
  30. <a href="user/home.html" sec:authorize="isFullyAuthenticated()" th:href="@{/user}" class="nav-link">User Area</a>
  31. </li>
  32. <li class="nav-item">
  33. <a th:href="chat" href="chat.html" class="nav-link">Chat</a>
  34. </li>
  35. <li class="nav-item">
  36. <a th:href="login" sec:authorize="!isFullyAuthenticated()" href="login.html" class="nav-link">Login</a>
  37. </li>
  38. <li class="nav-item">
  39. <a th:href="registration" sec:authorize="!isFullyAuthenticated()" href="registration.html" class="nav-link">Register</a>
  40. </li>
  41. <li class="nav-item">
  42. <a href="#" class="nav-link">About</a>
  43. </li>
  44. <li class="nav-item">
  45. <a href="#" class="nav-link">Contact</a>
  46. </li>
  47. <li class="nav-item">
  48. <a href="#" sec:authorize="isFullyAuthenticated()" th:href="@{/admin}" class="nav-link">
  49. Admin Area
  50. </a>
  51. </li>
  52. <li class="nav-item">
  53. <a href="#" sec:authorize="isFullyAuthenticated()" th:text="${#authentication.name}" class="nav-link text-white font-weight-bold">
  54. nova
  55. </a>
  56. </li>
  57. </ul>
  58. </div> -->
  59. <th:block th:include="fragments/navbar :: navbarContent"></th:block>
  60. </div>
  61. </nav>
  62. <!-- </div> -->
  63. </th:block>
  64. <th:block th:fragment="navbarContent">
  65. <div class="navbar-header">
  66. <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
  67. <i class="fas fa-chevron-down"></i>
  68. </button>
  69. </div>
  70. <div class="collapse navbar-collapse" id="navbarCollapse">
  71. <ul class="navbar-nav ml-auto">
  72. <li class="nav-item">
  73. <a href="home.html" th:href="@{/}" class="nav-link">Home</a>
  74. </li>
  75. <li class="nav-item">
  76. <a href="user/home.html" sec:authorize="isFullyAuthenticated()" th:href="@{/user}" class="nav-link">User Area</a>
  77. </li>
  78. <li class="nav-item">
  79. <a th:href="@{/chat}" href="chat.html" class="nav-link">Chat</a>
  80. </li>
  81. <li class="nav-item">
  82. <a th:href="login" sec:authorize="!isFullyAuthenticated()" href="login.html" class="nav-link">Login</a>
  83. </li>
  84. <li class="nav-item">
  85. <a th:href="registration" sec:authorize="!isFullyAuthenticated()" href="registration.html" class="nav-link">Register</a>
  86. </li>
  87. <li class="nav-item">
  88. <a href="#" class="nav-link">About</a>
  89. </li>
  90. <li class="nav-item">
  91. <a href="#" class="nav-link">Contact</a>
  92. </li>
  93. <li class="nav-item">
  94. <a href="#" sec:authorize="hasRole('ROLE_ADMIN') || hasRole('ROLE_SUPER_USER')" th:href="@{/admin}" class="nav-link">
  95. Admin Area
  96. </a>
  97. </li>
  98. <li class="nav-item">
  99. <a href="#" sec:authorize="isFullyAuthenticated()" th:text="${#authentication.name}" class="nav-link text-white font-weight-bold">
  100. nova
  101. </a>
  102. </li>
  103. </ul>
  104. </div>
  105. </th:block>
  106. </body>
  107. </html>