Is there an example on how to use Pagy 8 with custom markup? #701

csalmeida · 2024-05-18T08:52:17Z

csalmeida
May 18, 2024

Hi,

I have a project that uses Pagy 5.10.1 and I was able to use the following markup to customize the pagination element to the project's needs:

<% link = pagy_link_proc(pagy) -%>
<%#                            -%><nav aria-label="pager" class="flex gap-4 text-lg text-black <%= classes %>" role="navigation">
<% if pagy.prev                -%>  <div class="flex font-bold"><%= render 'components/icons/arrow_left', classes: "w-6 w-6 mr-4" %> <%== link.call(pagy.prev, pagy_t('pagy.nav.prev'), 'class="" aria-label="previous"') %></div>
<% else                        -%>  <div class="flex text-gray-400 font-bold cursor-not-allowed"><%= render 'components/icons/arrow_left', classes: "w-6 w-6 mr-4" %> <%== pagy_t('pagy.nav.prev') %></div>
<% end                         -%>
<% pagy.series.each do |item| # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36] -%>
<%   if    item.is_a?(Integer) -%>  <div><%== link.call(item) %></div>
<%   elsif item.is_a?(String)  -%>  <div class="text-ba-blue-500 font-bold current"><%= item %></div>
<%   elsif item == :gap        -%>  <div><%== pagy_t('pagy.nav.gap') %></div>
<%   end                       -%>
<% end                         -%>
<% if pagy.next                -%>  <div class="flex font-bold"><%== link.call(pagy.next, pagy_t('pagy.nav.next'), 'aria-label="next"') %> <%= render 'components/icons/arrow_right', classes: "w-6 w-6 ml-4 " %></div>
<% else                        -%>  <div class="flex text-gray-400 font-bold cursor-not-allowed"><%== pagy_t('pagy.nav.next') %> <%= render 'components/icons/arrow_right', classes: "w-6 w-6 ml-4" %></div>
<% end                         -%>
<%#                            -%></nav>

However, in Pagy 8.4.0 it throws a pagy_link_proc NoMethod error:

undefined method `pagy_link_proc' for #<ActionView::Base:0x00000000097040>

'.freeze; link = pagy_link_proc(pagy) 
                 ^^^^^^^^^^^^^^
Did you mean?  pagy_info

Is there an example somewhere of how to achieve this in version 8?
Any help would be much appreciated!