feat: expose pagination total count

Author: Mattia Roccoberton

lib/tiny_admin/actions/index.rb

@@ -62,8 +62,9 @@ def setup_pagination(page, pagination_component_class, total_count:)
         @pages = (total_count / pagination.to_f).ceil
         return if pages <= 1 || !pagination_component_class
 
+        attributes = { current: current_page, pages: pages, query_string: query_string, total_count: total_count }
         page.pagination_component = pagination_component_class.new
-        page.pagination_component.update_attributes(current: current_page, pages: pages, query_string: query_string)
+        page.pagination_component.update_attributes(attributes)
       end
     end
   end

lib/tiny_admin/views/actions/index.rb

@@ -28,6 +28,8 @@ def template
 
                     table_body
                   }
+
+                  render pagination_component if pagination_component
                 }
 
                 if filters&.any?
@@ -39,8 +41,6 @@ def template
                 end
               }
 
-              render pagination_component if pagination_component
-
               render TinyAdmin::Views::Components::Widgets.new(widgets)
             }
           end

lib/tiny_admin/views/components/pagination.rb

@@ -4,23 +4,31 @@ module TinyAdmin
   module Views
     module Components
       class Pagination < BasicComponent
-        attr_accessor :current, :pages, :query_string
+        attr_accessor :current, :pages, :query_string, :total_count
 
         def template
-          div(class: 'pagination-div') {
-            nav('aria-label' => 'Pagination') {
-              ul(class: 'pagination justify-content-center') {
-                if pages <= 10
-                  pages_range(1..pages)
-                elsif current <= 4 || current >= pages - 3
-                  pages_range(1..(current <= 4 ? current + 2 : 4), with_dots: true)
-                  pages_range((current > pages - 4 ? current - 2 : pages - 2)..pages)
-                else
-                  pages_range(1..1, with_dots: true)
-                  pages_range(current - 2..current + 2, with_dots: true)
-                  pages_range(pages..pages)
-                end
+          div(class: 'container') {
+            div(class: 'row') {
+              div(class: 'col total-count') {
+                "#{total_count} items"
               }
+              div(class: 'col col-6 text-center pagination-div') {
+                nav(class: 'd-inline-block', 'aria-label': 'Pagination') {
+                  ul(class: 'pagination') {
+                    if pages <= 10
+                      pages_range(1..pages)
+                    elsif current <= 4 || current >= pages - 3
+                      pages_range(1..(current <= 4 ? current + 2 : 4), with_dots: true)
+                      pages_range((current > pages - 4 ? current - 2 : pages - 2)..pages)
+                    else
+                      pages_range(1..1, with_dots: true)
+                      pages_range(current - 2..current + 2, with_dots: true)
+                      pages_range(pages..pages)
+                    end
+                  }
+                }
+              }
+              div(class: 'col')
             }
           }
         end