Advertisement
Guest User

Untitled

a guest
Feb 17th, 2020
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.28 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org"
  3. xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>My Transactions</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  9. <link href="/css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
  10. <link href="/css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
  11. <link href="/css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
  12. <link href="/css/ytplayer.css" rel="stylesheet" type="text/css" media="all" />
  13. <link href="/css/theme.css" rel="stylesheet" type="text/css" media="all" />
  14. <link href="/css/custom.css" rel="stylesheet" type="text/css" media="all" />
  15. <link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
  16. </head>
  17. <body class="scroll-assist">
  18. <div class="nav-container">
  19. <a id="top"></a>
  20. <th:block th:insert="header-fragment"></th:block>
  21. </div>
  22. <div class="main-container">
  23. <section class="page-title page-title-4 bg-secondary">
  24. <div class="container">
  25. <div class="row">
  26. <div class="col-md-6">
  27. <h3 class="uppercase mb0">All Users</h3>
  28. </div>
  29.  
  30. </div>
  31. <!--end of row-->
  32. </div>
  33. <!--end of container-->
  34. </section>
  35. <section>
  36. <div class="container">
  37.  
  38.  
  39. <div class="row">
  40. <div class="col-md-9 col-md-offset-0 col-sm-10 col-sm-offset-1" >
  41. <form th:action="@{/admin/users/(size=${pageable.getPageSize()}, page=${0}, direciton=${direction})}" method="get">
  42. <div class="custom-control custom-radio custom-control-inline">
  43. <div class="form-group"><input type="radio"
  44. id="ASC"
  45. name="direction"
  46. class="custom-control-input"
  47. value="ASC">
  48. <label class="custom-control-label" for="ASC"
  49. th:text="Ascending"></label></div>
  50. </div>
  51. <div th:text ="${direction}" id="directionValue" hidden="hidden"></div>
  52. <div class="custom-control custom-radio custom-control-inline">
  53. <div class="form-group"><input type="radio" id="DESC"
  54. name="direction"
  55. class="custom-control-input"
  56. value="DESC">
  57. <label class="custom-control-label" for="DESC"
  58. th:text="Descending"></label></div>
  59. </div>
  60. <input type="submit" value="Sort">
  61. </form>
  62. <table class="table cart mb48">
  63. <thead>
  64. <tr>
  65. <th>User Status</th>
  66. <th>Username</th>
  67. <th>User Full Name</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr th:each="user:${users}">
  72. <td>
  73. <form th:action="@{'/admin/users/block/' + ${user.username}}" method="post">
  74. <input type="submit" value="Toggle Block"/>
  75. <span th:text="${user.blockedStatus}">Blocked Status</span>
  76. </form>
  77. </td>
  78. <td th:text="${user.username}">Username</td>
  79. <td th:text="${user.firstName + ' ' + user.lastName}">Full Name</td>
  80. </tr>
  81. </tbody>
  82. </table>
  83. <div class="p-4" th:if="${users} != null">
  84. <ul class="pagination mb-0 list-unstyled">
  85. <li th:each="i : ${#numbers.sequence(0, users.getTotalPages()-1)}">
  86. <a th:href="@{/admin/users/(size=${pageable.getPageSize()}, page=${i}, direciton=${direction})}"
  87. th:text="${i}"
  88. th:class="'pr-3 pl-3 pt-2 pb-2' + (${i == pageable.getPageNumber()} ? ' active bg-primary text-light' : '')"></a>
  89. </li>
  90. </ul>
  91. </div>
  92. </div>
  93. <!--end of items-->
  94. <div class="col-md-3 col-md-offset-0 col-sm-10 col-sm-offset-1">
  95.  
  96. </div>
  97. <!--end of totals-->
  98. </div>
  99. <!--end of row-->
  100. </div>
  101. <!--end of container-->
  102. </section>
  103.  
  104. <footer class="footer-1 bg-dark">
  105. <div class="container">
  106. <div class="row">
  107. <div class="col-md-3 col-sm-6">
  108. <img alt="Logo" class="logo" src="img/logo-light.png" />
  109. </div>
  110. <div class="col-md-3 col-sm-6">
  111. <div class="widget">
  112. <h6 class="title">Recent Posts</h6>
  113. <hr>
  114. <ul class="link-list recent-posts">
  115. <li>
  116. <a href="#">Hugging pugs is super trendy</a>
  117. <span class="date">February
  118. <span class="number">14, 2015</span>
  119. </span>
  120. </li>
  121. <li>
  122. <a href="#">Spinning vinyl is oh so cool</a>
  123. <span class="date">February
  124. <span class="number">9, 2015</span>
  125. </span>
  126. </li>
  127. <li>
  128. <a href="#">Superior theme design by pros</a>
  129. <span class="date">January
  130. <span class="number">27, 2015</span>
  131. </span>
  132. </li>
  133. </ul>
  134. </div>
  135. <!--end of widget-->
  136. </div>
  137. <div class="col-md-3 col-sm-6">
  138. <div class="widget">
  139. <h6 class="title">Latest Updates</h6>
  140. <hr>
  141. <div class="twitter-feed">
  142. <div class="tweets-feed" data-feed-name="mrareweb">
  143. </div>
  144. </div>
  145. </div>
  146. <!--end of widget-->
  147. </div>
  148. <div class="col-md-3 col-sm-6">
  149. <div class="widget">
  150. <h6 class="title">Instagram</h6>
  151. <hr>
  152. <div class="instafeed" data-user-name="mrareweb">
  153. <ul></ul>
  154. </div>
  155. </div>
  156. <!--end of widget-->
  157. </div>
  158. </div>
  159. <!--end of row-->
  160. <div class="row">
  161. <div class="col-sm-6">
  162. <span class="sub">&copy; Copyright 2016 - Medium Rare</span>
  163. </div>
  164. <div class="col-sm-6 text-right">
  165. <ul class="list-inline social-list">
  166. <li>
  167. <a href="#">
  168. <i class="ti-twitter-alt"></i>
  169. </a>
  170. </li>
  171. <li>
  172. <a href="#">
  173. <i class="ti-facebook"></i>
  174. </a>
  175. </li>
  176. <li>
  177. <a href="#">
  178. <i class="ti-dribbble"></i>
  179. </a>
  180. </li>
  181. <li>
  182. <a href="#">
  183. <i class="ti-vimeo-alt"></i>
  184. </a>
  185. </li>
  186. </ul>
  187. </div>
  188. </div>
  189. </div>
  190. <!--end of container-->
  191. <a class="btn btn-sm fade-half back-to-top inner-link" href="#top">Top</a>
  192. </footer>
  193. </div>
  194. <script src="js/jquery.min.js"></script>
  195. <script src="js/bootstrap.min.js"></script>
  196. <script src="js/flickr.js"></script>
  197. <script src="js/flexslider.min.js"></script>
  198. <script src="js/lightbox.min.js"></script>
  199. <script src="js/masonry.min.js"></script>
  200. <script src="js/twitterfetcher.min.js"></script>
  201. <script src="js/spectragram.min.js"></script>
  202. <script src="js/ytplayer.min.js"></script>
  203. <script src="js/countdown.min.js"></script>
  204. <script src="js/smooth-scroll.min.js"></script>
  205. <script src="js/parallax.js"></script>
  206. <script src="js/scripts.js"></script>
  207. <script>
  208. $(document).ready(function () {
  209. let direction = $("#directionValue").text();
  210. $("'#"+direction+"'").prop("checked", true);
  211. })
  212. </script>
  213. </body>
  214. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement