|
16 | 16 | <div th:fragment="tw-tasks-table(taskPage,myTaskState,myUrlPath)" sec:authorize="isAuthenticated()">
|
17 | 17 | <div class="container">
|
18 | 18 | <div th:replace="~{this :: tw-tasks-page-table(taskPage=${taskPage},myTaskState=${myTaskState},myUrlPath=${myUrlPath})}"></div>
|
19 |
| - <div th:replace="~{this :: tw-tasks-pagination(page=${taskPage})}"></div> |
| 19 | + <div th:replace="~{this :: tw-tasks-pagination(page=${taskPage},myTaskState=${myTaskState},myUrlPath=${myUrlPath})}"></div> |
20 | 20 | </div>
|
21 | 21 | </div>
|
22 | 22 |
|
@@ -259,7 +259,41 @@ <h5 class="modal-title" id="taskModalScrollableTitle">
|
259 | 259 | </span>
|
260 | 260 | </div>
|
261 | 261 |
|
262 |
| - <div th:fragment="tw-tasks-pagination(page)"> |
| 262 | + <div th:fragment="tw-tasks-pagination(page,myTaskState,myUrlPath)"> |
| 263 | + <div class="row"> |
| 264 | + <div class="col"> |
| 265 | + <p></p> |
| 266 | + </div> |
| 267 | + </div> |
| 268 | + <div class="row"> |
| 269 | + <div class="col"> |
| 270 | + <nav aria-label="Task Pagination"> |
| 271 | + <ul class="pagination"> |
| 272 | + <li class="page-item"> |
| 273 | + <a th:href="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${1})}" class="page-link" aria-label="Previous"> |
| 274 | + <span aria-hidden="true">«</span> |
| 275 | + </a> |
| 276 | + </li> |
| 277 | + <li th:each="i : ${#numbers.sequence( 0, page.totalPages-1)}" class="page-item"> |
| 278 | + <a th:if="${page.number == i}" th:href="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${i})}" class="page-link active" aria-current="page"> |
| 279 | + <span th:text="${i+1}">1</span> |
| 280 | + </a> |
| 281 | + <a th:unless="${page.number == i}" th:href="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${i})}" class="page-link"> |
| 282 | + <span th:text="${i+1}">1</span> |
| 283 | + </a> |
| 284 | + </li> |
| 285 | + <li class="page-item"> |
| 286 | + <a th:href="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${page.totalPages-1})}" class="page-link" aria-label="Next"> |
| 287 | + <span aria-hidden="true">»</span> |
| 288 | + </a> |
| 289 | + </li> |
| 290 | + </ul> |
| 291 | + </nav> |
| 292 | + </div> |
| 293 | + </div> |
| 294 | + </div> |
| 295 | + |
| 296 | + <div th:fragment="tw-tasks-pagination-by-dialect(page)"> |
263 | 297 | <div class="row">
|
264 | 298 | <div class="col-sm">
|
265 | 299 | <nav aria-label="pagination">
|
|
0 commit comments