Ignore:
Timestamp:
10/07/21 20:22:23 (3 years ago)
Author:
NikolaCenevski <cenevskinikola@…>
Branches:
master
Children:
ee0e297
Parents:
276a8b6
Message:

Moderator pagination

Location:
src/main/resources/templates
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/common/navbar.html

    r276a8b6 r0c37625  
    2424                    <li class="nav-item">
    2525                        <a sec:authorize="isAnonymous() or hasAuthority('USER')" th:href="@{/album?page=1&sort=id}" class="nav-link px-2 text-white">Posts</a>
    26                         <a sec:authorize="hasAuthority('MODERATOR')" th:href="@{/moderator/approval}" class="nav-link px-2 text-white">Posts for approval</a>
     26                        <a sec:authorize="hasAuthority('MODERATOR')" th:href="@{/moderator/approval?page=1&sort=id}" class="nav-link px-2 text-white">Posts for approval</a>
    2727                    </li>
    2828                    <li class="nav-item">
    2929                        <a sec:authorize="hasAuthority('USER')" th:href="@{/upload}" class="nav-link px-2 text-white">Upload</a>
    30                         <a sec:authorize="hasAuthority('MODERATOR')" th:href="@{/moderator/report}" class="nav-link px-2 text-white">Reported posts</a>
     30                        <a sec:authorize="hasAuthority('MODERATOR')" th:href="@{/moderator/report?page=1&sort=id}" class="nav-link px-2 text-white">Reported posts</a>
    3131                    </li>
    3232                </ul>

  • src/main/resources/templates/postApproval.html

    r276a8b6 r0c37625  
    1616    <p th:if="${noPosts}">No posts</p>
    1717    <div th:unless="${noPosts}" class="album py-5 bg-light">
     18
    1819        <div class="container">
    19 
     20            <div class="row">
     21                <div class="col-md-2">
     22                    <label class="form-label" for="sortBy">Sort By</label>
     23                    <select class="input-group-text" id="sortBy">
     24                        <option value="id">Default</option>
     25                        <option value="title">Title</option>
     26                        <option value="dateDue">Date due</option>
     27                        <option value="fundsNeeded">Funds needed</option>
     28                    </select>
     29                </div>
     30                <div class="col-md-2">
     31                    <label class="form-label" for="order">Order</label>
     32                    <select class="input-group-text" id="order">
     33                        <option value="asc">Ascending</option>
     34                        <option value="desc">Descending</option>
     35                    </select>
     36                </div>
     37            </div>
     38            <br>
    2039            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
    2140                <div class="col" th:each="post : ${postList}">
    … …  
    3756            </div>
    3857        </div>
    39         <hr class="ui-menu-divider" />
     58        <hr class="ui-menu-divider"/>
     59        <nav>
     60            <div id="pagination"></div>
     61        </nav>
    4062    </div>
    4163
    4264</main>
    4365<script src="/js/bootstrap.min.js"></script>
     66<script id="helper" src="/js/pagination.js" th:data-pages="${totalPages}"></script>
    4467</body>
    4568</html>

  • src/main/resources/templates/reportedPosts.html

    r276a8b6 r0c37625  
    1717    <div th:unless="${noPosts}" class="album py-5 bg-light">
    1818        <div class="container">
    19 
     19            <div class="row">
     20                <div class="col-md-2">
     21                    <label class="form-label" for="sortBy">Sort By</label>
     22                    <select class="input-group-text" id="sortBy">
     23                        <option value="id">Default</option>
     24                        <option value="numReports">Number of reports</option>
     25                    </select>
     26                </div>
     27                <div class="col-md-2">
     28                    <label class="form-label" for="order">Order</label>
     29                    <select class="input-group-text" id="order">
     30                        <option value="asc">Ascending</option>
     31                        <option value="desc">Descending</option>
     32                    </select>
     33                </div>
     34            </div>
     35            <br/>
    2036            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
    2137                <div class="col" th:each="post : ${postList}">
    … …  
    3046                                    <a class="btn btn-sm btn-outline-secondary" th:href="@{/moderator/reportPost(postid=${post.id})}">Open</a>
    3147                                </div>
    32                                 <span class="text-muted">Date due: <small th:text="${post.donationPost.dateDue}"></small></span>
     48                                <span class="text-muted">Number of reports: <small th:text="${post.numReports}"></small></span>
    3349                            </div>
    3450                        </div>
    … …  
    3854        </div>
    3955        <hr class="ui-menu-divider" />
     56            <nav>
     57                <div id="pagination"></div>
     58            </nav>
    4059    </div>
    4160
    4261</main>
    4362<script src="/js/bootstrap.min.js"></script>
     63<script id="helper" src="/js/pagination.js" th:data-pages="${totalPages}"></script>
    4464</body>
    4565</html>
Note: See TracChangeset for help on using the changeset viewer.