Enhance custom `pagination` for `StimulusReflex`

app/views/shared/_annotated_documents_search_results.html.erb

@@ -33,6 +33,7 @@
           <% end %>
 
           <% documents.total_pages.times do |page| -%>
+            <% if (page + 1) <= (opts[:current_page].to_i + 4) && (page + 1) >= (opts[:current_page].to_i - 4) %>
               <% if opts[:current_page].to_i.eql?(page + 1) %>
                 <span class="page-item page current page-link"> <%= page + 1 %> </span>
               <% else %>
@@ -42,6 +43,7 @@
                   data-action="click->annotations#paginateDocuments"> <%= page + 1 %> </a>
               </span>
               <% end %>
+            <% end %>
           <% end -%>
 
           <% unless documents.last_page? %>

app/views/shared/_annotations_pagination.html.erb

@@ -10,43 +10,44 @@
         <nav class="pagination pagination-sm" role="navigation" aria-label="pager">
           <% unless  annotations.first_page? %>
             <span class="page-item first">
-              <a class="page-link" data-controller="annotations" data-page="<%= 1 %>" data-action="click->annotations#paginate">
+              <a class="page-link" data-controller="annotations" data-doctrine-id="<%= opts[:doctrine_id] %>" 
+                  data-page="<%= 1 %>" data-action="click->annotations#paginate">
                 <i class="fas fa-angle-double-left"></i>
               </a>
             </span>
 
             <span class="page-item prev">
-              <a class="page-link" data-controller="annotations" data-page="<%= opts[:current_page].to_i - 1 %>" 
+              <a class="page-link" data-controller="annotations" data-doctrine-id="<%= opts[:doctrine_id] %>" 
-                 data-action="click->annotations#paginate">
+                  data-page="<%= opts[:current_page].to_i - 1 %>"  data-action="click->annotations#paginate">
                 <i class="fas fa-angle-left"></i>
               </a>
             </span>
           <% end %>
 
           <% annotations.total_pages.times do |page| -%>
+            <% if (page + 1) <= (opts[:current_page].to_i + 4) && (page + 1) >= (opts[:current_page].to_i - 4) %>
               <% if opts[:current_page].to_i.eql?(page + 1) %>
                 <span class="page-item page current page-link"> <%= page + 1 %> </span>
               <% else %>
                 <span class="page-item page">
-                <a class="page-link" data-controller="annotations" data-page="<%= page + 1 %>" 
+                  <a class="page-link" data-controller="annotations" data-doctrine-id="<%= opts[:doctrine_id] %>"
-                  data-action="click->annotations#paginate"> <%= page + 1 %> </a>
+                      data-page="<%= page + 1 %>" data-action="click->annotations#paginate"> <%= page + 1 %> </a>
                 </span>
               <% end %>
+            <% end %>
           <% end -%>
 
           <% unless annotations.last_page? %>
             <span class="page-item next">
-              <a class="page-link" data-controller="annotations"
+              <a class="page-link" data-controller="annotations" data-doctrine-id="<%= opts[:doctrine_id] %>"
-                data-page="<%= opts[:current_page].to_i + 1 %>" 
+                  data-page="<%= opts[:current_page].to_i + 1 %>" data-action="click->annotations#paginate">
-                data-action="click->annotations#paginate">
                 <i class="fas fa-angle-right"></i>
               </a>
             </span>
             
             <span class="page-item last">
-              <a class="page-link" data-controller="annotations"
+              <a class="page-link" data-controller="annotations" data-doctrine-id="<%= opts[:doctrine_id] %>"
-                data-page="<%= annotations.total_pages %>" 
+                  data-page="<%= annotations.total_pages %>" data-action="click->annotations#paginate">
-                data-action="click->annotations#paginate">
                 <i class="fas fa-angle-double-right"></i>
               </a>
             </span>

app/views/shared/_case_lists_search_results.html.erb

@@ -37,6 +37,7 @@
           <% end %>
 
           <% documents.total_pages.times do |page| -%>
+            <% if (page + 1) <= (opts[:current_page].to_i + 4) && (page + 1) >= (opts[:current_page].to_i - 4) %>
               <% if opts[:current_page].to_i.eql?(page + 1) %>
                 <span class="page-item page current page-link"> <%= page + 1 %> </span>
               <% else %>
@@ -47,6 +48,7 @@
                   </a>
                 </span>
               <% end %>
+            <% end %>
           <% end -%>
 
           <% unless documents.last_page? %>