list.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <!--
  3. ~ Copyright (c) 2025 Andrew Grant of Carrick Software .
  4. ~ All rights reserved.
  5. -->
  6. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  7. <head>
  8. <meta charset="UTF-8"/>
  9. <title>People </title>
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
  11. integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  12. </head>
  13. <body>
  14. <div th:insert="~{fragments/layout::banner}"></div>
  15. <div class="container text-center">
  16. <div class="container border border-info
  17. rounded-3 text-center p-4">
  18. <h3>People</h3>
  19. <table class="table table-striped table-bordered">
  20. <thead class="table-dark">
  21. <tr>
  22. <th>ID</th>
  23. <th>First Name</th>
  24. <th>Last Name</th>
  25. <th></th>
  26. </tr>
  27. </thead>
  28. <tr th:each="person : ${people}">
  29. <!--/*@thymesVar id="person" type="scot.carricksoftware.grants.domains.people.Person"*/-->
  30. <td th:text="${person.id}">123</td>
  31. <td th:text="${person.firstName}"> First</td>
  32. <td th:text="${person.lastName}">Last</td>
  33. <td><span>
  34. <a th:action="delete" class="btn btn-danger btn-sm" href=""
  35. th:href="'person/' + ${person.id} + '/delete'"
  36. th:text="Delete"></a>
  37. <a th:action="edit" class="btn btn-warning btn-sm"
  38. th:href="'person/' + ${person.id} + '/edit'"
  39. th:text="Edit"></a>
  40. </span></td>
  41. </tr>
  42. <tfoot>
  43. <tr>
  44. <td colspan="4"><span>
  45. <a th:action="rewind" class="btn btn-secondary btn-sm" th:href="@{/people/rewind}"
  46. th:text="'<<'"></a>
  47. <a th:action="back" class="btn btn-secondary btn-sm"
  48. th:href="@{/people/prev}" th:text="'<'"></a>
  49. <a th:action="new" class="btn btn-primary btn-sm" th:href="@{person/new}"
  50. th:text="'New Person'"></a>
  51. <a th:action="home" class="btn btn-success btn-sm"
  52. th:href="@{/}" th:text="'Home'"></a>
  53. <a th:action="forward" class="btn btn-secondary btn-sm"
  54. th:href="@{/people/next}" th:text="'>'"></a>
  55. <a th:action="end" class="btn btn-secondary btn-sm" th:href="@{/people/ff}"
  56. th:text="'>>'"></a>
  57. </span></td>
  58. </tr>
  59. </tfoot>
  60. </table>
  61. </div>
  62. </div>
  63. </body>
  64. </html>