From 16207edb77eef75903a007df6b2bd84cb4d5b943 Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Tue, 10 Sep 2024 17:58:59 +0300
Subject: Implement  client side pagination for history page.

---
 gn2/wqflask/templates/gnqa_search_history.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'gn2/wqflask/templates')

diff --git a/gn2/wqflask/templates/gnqa_search_history.html b/gn2/wqflask/templates/gnqa_search_history.html
index 8d54ad80..c12e7c93 100644
--- a/gn2/wqflask/templates/gnqa_search_history.html
+++ b/gn2/wqflask/templates/gnqa_search_history.html
@@ -47,6 +47,30 @@
                             {% endfor %}
                         </ul>
                     </div>
+                    <div class="row">
+                        <nav aria-label="Page navigation example"
+                             class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
+                            <ul class="pagination">
+                                {% for idx in range(1, num_pages) %}
+                                    {% if current == idx %}
+                                        <li class="page-item active">
+                                            <a class="page-link"
+                                               hx-swap="innerHTML"
+                                               hx-target="#swap"
+                                               hx-get="/gnqna/records?page={{ idx }}">{{ idx }}</a>
+                                        </li>
+                                    {% else %}
+                                        <li class="page-item">
+                                            <a class="page-link"
+                                               hx-swap="innerHTML"
+                                               hx-target="#swap"
+                                               hx-get="/gnqna/records?page={{ idx }}">{{ idx }}</a>
+                                        </li>
+                                    {% endif %}
+                                {% endfor %}
+                            </ul>
+                        </nav>
+                    </div>
                 </div>
             </div>
         </div>
-- 
cgit v1.2.3