Changeset 0c37625 for src/main/resources/templates/reportedPosts.html

Timestamp:

10/07/21 20:22:23 (3 years ago)

Author:

NikolaCenevski <cenevskinikola@…>

Branches:

master

Children:

ee0e297

Parents:

276a8b6

Message:

Moderator pagination

File:

• src/main/resources/templates/reportedPosts.html (modified) (3 diffs)

src/main/resources/templates/reportedPosts.html

@@ -17 +17 @@
     <div th:unless="${noPosts}" class="album py-5 bg-light">
         <div class="container">
-
+            <div class="row">
+                <div class="col-md-2">
+                    <label class="form-label" for="sortBy">Sort By</label>
+                    <select class="input-group-text" id="sortBy">
+                        <option value="id">Default</option>
+                        <option value="numReports">Number of reports</option>
+                    </select>
+                </div>
+                <div class="col-md-2">
+                    <label class="form-label" for="order">Order</label>
+                    <select class="input-group-text" id="order">
+                        <option value="asc">Ascending</option>
+                        <option value="desc">Descending</option>
+                    </select>
+                </div>
+            </div>
+            <br/>
             <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
                 <div class="col" th:each="post : ${postList}">
@@ -30 +46 @@
                                     <a class="btn btn-sm btn-outline-secondary" th:href="@{/moderator/reportPost(postid=${post.id})}">Open</a>
                                 </div>
-                                <span class="text-muted">Date due: <small th:text="${post.donationPost.dateDue}"></small></span>
+                                <span class="text-muted">Number of reports: <small th:text="${post.numReports}"></small></span>
                             </div>
                         </div>
@@ -38 +54 @@
         </div>
         <hr class="ui-menu-divider" />
+            <nav>
+                <div id="pagination"></div>
+            </nav>
     </div>
 
 </main>
 <script src="/js/bootstrap.min.js"></script>
+<script id="helper" src="/js/pagination.js" th:data-pages="${totalPages}"></script>
 </body>
 </html>