[FIX] ONBOARDING: #1013 Updated Kanban View Pagination

onboarding/templates/onboarding/kanban/kanban.html

@@ -4,7 +4,6 @@
 {% load recruitmentfilters %}
 {% load onboardingfilters %}
 
-
 <style>
     .select2-container{
         width: 100% !important;
@@ -15,7 +14,6 @@
     }
 </style>
 
-
 <div class="oh-wrapper">
     {% include "onboarding/onboarding_view_nav.html" %}
 
@@ -172,15 +170,11 @@
         <div class="oh-pagination__input-container me-3">
             <span class="oh-pagination__label me-1">{% trans "Page" %}</span>
 
-            <input
-            type="number"
-            name="page"
-            class="oh-pagination__input"
-            value="{{recruitments.number}}"
-            {% comment %} hx-get="{% url 'recruitment-search' %}?{{pd}}" hx-target="#tab_rec_{{rec.id}}" {% endcomment %}
-            min="1"
-            />
-            <span class="oh-pagination__label">{% trans "of" %} {{recruitments.paginator.num_pages}}</span>
+            <form class="d-inline" action="{% url 'kanban-view' %}?{{pd}}" method="get">
+                <input type="number" name="page" class="oh-pagination__input" value="{{recruitments.number}}"
+                {% comment %} hx-get="{% url 'recruitment-search' %}?{{pd}}" hx-target="#tab_rec_{{rec.id}}" {% endcomment %}
+                min="1" onchange="$(this).closest('form').submit()" />
+            </form>
         </div>
 
         <ul class="oh-pagination__items">