@@ -269,8 +269,13 @@ <h5 class="modal-title" id="taskModalScrollableTitle">
269
269
< div class ="col ">
270
270
< nav aria-label ="Task Pagination ">
271
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 ">
272
+ < li class ="page-item disabled " th:if ="${page.isFirst} ">
273
+ < a href ="# " class ="page-link " aria-label ="Previous ">
274
+ < span aria-hidden ="true "> «</ span >
275
+ </ a >
276
+ </ li >
277
+ < li class ="page-item " th:unless ="${page.isFirst} ">
278
+ < a th:href ="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${page.previousPageable.pageNumber})} " class ="page-link " aria-label ="Previous ">
274
279
< span aria-hidden ="true "> «</ span >
275
280
</ a >
276
281
</ li >
@@ -282,8 +287,13 @@ <h5 class="modal-title" id="taskModalScrollableTitle">
282
287
< span th:text ="${i+1} "> 1</ span >
283
288
</ a >
284
289
</ 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 ">
290
+ < li class ="page-item " th:if ="${page.hasNext} ">
291
+ < a th:href ="@{{myUrlPath}/{myTaskState}?page={page}(myUrlPath=${myUrlPath},myTaskState=${#strings.toLowerCase(myTaskState)},page=${page.nextPageable.pageNumber})} " class ="page-link " aria-label ="Next ">
292
+ < span aria-hidden ="true "> »</ span >
293
+ </ a >
294
+ </ li >
295
+ < li class ="page-item disabled " th:unless ="${page.hasNext} ">
296
+ < a href ="# " class ="page-link " aria-label ="Previous ">
287
297
< span aria-hidden ="true "> »</ span >
288
298
</ a >
289
299
</ li >
0 commit comments