server/renkan-web/src/main/webapp/WEB-INF/templates/fragment/paginationFragment.html
changeset 316 242510015401
parent 315 8c85ab4cf3aa
child 317 2b30c5426f1e
equal deleted inserted replaced
315:8c85ab4cf3aa 316:242510015401
     1 <!DOCTYPE html>
       
     2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" th:lang="${#ctx.getLocale().toLanguageTag()}">
       
     3 <head>
       
     4 <meta charset="utf-8" />
       
     5 <title>pagination fragment</title>
       
     6 </head>
       
     7 <body>
       
     8  <div id="paginationFragment" th:fragment="paginationFragment" >
       
     9  <div th:if="${page.totalPages>1}">
       
    10  <a th:if="!${page.firstPage}" th:href="@{${baseUrl}(p.page=1)}">&lt;&lt;</a>
       
    11  <a th:if="${page.hasPreviousPage()}" th:href="@{${baseUrl}(p.page=${page.number})}">&lt;</a>
       
    12  <span th:if="${page.number-2} > 0">...</span>
       
    13  <a th:each="i: ${#numbers.sequence(1,2)}" th:if="${page.number-2+i} > 0" th:href="@{${baseUrl}(p.page=${page.number-2+i})}" th:text="${page.number-2+i}"></a>
       
    14  <span th:text="${page.number+1}"></span>
       
    15  <a th:each="i: ${#numbers.sequence(1,2)}" th:if="${page.number+1+i} &lt; ${page.totalPages+1}" th:href="@{${baseUrl}(p.page=${page.number+1+i})}" th:text="${page.number+1+i}"></a>
       
    16  <span th:if="${page.number+3} &lt; ${page.totalPages}">...</span>
       
    17  <a th:if="${page.hasNextPage()}" th:href="@{${baseUrl}(p.page=${page.number+2})}">&gt;</a>
       
    18  <a th:if="!${page.lastPage}" th:href="@{${baseUrl}(p.page=${page.totalPages})}">&gt;&gt;</a>
       
    19  </div>
       
    20  <div th:remove="all">
       
    21   <a href="#?p.page=1">&lt;&lt;</a>
       
    22   <a href="#?p.page=3">&lt;</a>
       
    23   <span>...</span>
       
    24   <a href="#?p.page=2">3</a>
       
    25   <a href="#?p.page=3">4</a>
       
    26   <span>5</span>
       
    27   <a href="#?p.page=5">6</a>
       
    28   <a href="#?p.page=6">7</a>
       
    29   <span>...</span>
       
    30   <a href="#?p.page=5">&gt;</a>
       
    31   <a href="#?p.page=7">&gt;&gt;</a> 
       
    32 </div>
       
    33  </div>
       
    34 </body>
       
    35 </html>