app/helpers/numbered_pagination_helper.rb

   1 module NumberedPaginationHelper
   2   def numbered_pagination(top_page, active_id, active_page: top_page + 1, window_half_size: 50, step_size: 50, &)
   3     lists = []
   4
   5     if top_page <= 5
   6       lists << tag.ul(:class => "pagination pagination-sm mt-1") do
   7         (1..top_page).each do |page|
   8           concat numbered_pagination_item(page, **yield(page), :active_id => (active_id if page == active_page))
   9         end
  10       end
  11     else
  12       start_list_pages = 1..(active_page < 3 ? active_page + 1 : 1)
  13       end_list_pages = (active_page > top_page - 2 ? active_page - 1 : top_page)..top_page
  14
  15       middle_list_page_sentinels = [start_list_pages.last, end_list_pages.first]
  16       middle_list_page_steps = Range.new(*middle_list_page_sentinels).filter { |page| (page % step_size).zero? }
  17       middle_list_page_window = Range.new([active_page - window_half_size, start_list_pages.last].max,
  18                                           [active_page + window_half_size, end_list_pages.first].min).to_a
  19       middle_list_pages_with_sentinels = (middle_list_page_sentinels | middle_list_page_steps | middle_list_page_window).sort
  20       middle_list_pages_with_sentinels_and_gaps = [middle_list_pages_with_sentinels.first] +
  21                                                   middle_list_pages_with_sentinels.each_cons(2).flat_map do |previous_page, page|
  22                                                     page == previous_page + 1 ? [page] : [:gap, page]
  23                                                   end
  24       middle_list_pages_with_small_gaps_filled = middle_list_pages_with_sentinels_and_gaps.each_cons(3).map do |previous_page, page, next_page|
  25         if page == :gap && previous_page != :gap && next_page != :gap && next_page - previous_page == 2
  26           previous_page + 1
  27         else
  28           page
  29         end
  30       end
  31       middle_list_pages = middle_list_pages_with_small_gaps_filled
  32
  33       lists << tag.ul(:class => "pagination pagination-sm mt-1") do
  34         start_list_pages.each do |page|
  35           concat numbered_pagination_item(page, **yield(page), :active_id => (active_id if page == active_page),
  36                                                                :edge => [false, page == start_list_pages.last],
  37                                                                :edge_border => true)
  38         end
  39       end
  40       lists << tag.ul(:class => [
  41                         "pagination pagination-sm",
  42                         "overflow-x-auto pb-3", # horizontal scrollbar with reserved space below
  43                         "pt-1 px-1 mx-n1", # space reserved for focus outlines
  44                         "position-relative" # required for centering when clicking current page links ("Version #n" on pages showing element versions)
  45                       ]) do
  46         middle_list_pages.each_with_index do |page, i|
  47           edge = [i.zero?, i == middle_list_pages.length - 1]
  48           if page == :gap
  49             concat numbered_pagination_item("...", :edge => edge)
  50           else
  51             concat numbered_pagination_item(page, **yield(page), :active_id => (active_id if page == active_page),
  52                                                                  :edge => edge)
  53           end
  54         end
  55       end
  56       lists << tag.ul(:class => "pagination pagination-sm mt-1") do
  57         end_list_pages.each do |page|
  58           concat numbered_pagination_item(page, **yield(page), :active_id => (active_id if page == active_page),
  59                                                                :edge => [page == end_list_pages.first, false],
  60                                                                :edge_border => true)
  61         end
  62       end
  63     end
  64
  65     tag.div safe_join(lists), :class => "numbered_pagination d-flex align-items-start"
  66   end
  67
  68   private
  69
  70   def numbered_pagination_item(body, href: nil, title: nil, active_id: nil, edge: [false, false], edge_border: false)
  71     link_class = ["page-link", { "rounded-start-0" => edge.first,
  72                                  "border-start-0" => edge.first && !edge_border,
  73                                  "rounded-end-0" => edge.last,
  74                                  "border-end-0" => edge.last && !edge_border }]
  75     link = if href
  76              link_to body, href, :class => link_class, "aria-current" => ("page" if active_id), :title => title
  77            else
  78              tag.span body, :class => link_class
  79            end
  80     tag.li link, :id => active_id, :class => ["page-item", { "disabled" => !href, "active" => !!active_id }]
  81   end
  82 end