app/views/shared/_pagination.html.erb

   1 <% if older_id || newer_id %>
   2
   3 <% translation_scope ||= "shared.pagination.#{controller.controller_name}" %>
   4 <nav class="d-flex justify-content-between gap-2">
   5   <ul class="pagination">
   6     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => nil)) do %>
   7       <%= previous_page_svg_tag :class => "flex-shrink-0", :count => 2 %>
   8       <span class="d-none d-md-block"><%= t :newest, :scope => translation_scope %></span>
   9     <% end %>
  10   </ul>
  11   <ul class="pagination">
  12     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => newer_id)) do %>
  13       <%= previous_page_svg_tag :class => "flex-shrink-0" %>
  14       <span class="d-none d-sm-block"><%= t :newer, :scope => translation_scope %></span>
  15     <% end %>
  16     <%= pagination_item(older_id && @params.merge(:before => older_id, :after => nil)) do %>
  17       <span class="d-none d-sm-block"><%= t :older, :scope => translation_scope %></span>
  18       <%= next_page_svg_tag :class => "flex-shrink-0" %>
  19     <% end %>
  20   </ul>
  21   <ul class="pagination">
  22     <%= pagination_item(older_id && @params.merge(:before => nil, :after => 0)) do %>
  23       <span class="d-none d-md-block"><%= t :oldest, :scope => translation_scope %></span>
  24       <%= next_page_svg_tag :class => "flex-shrink-0", :count => 2 %>
  25     <% end %>
  26   </ul>
  27 </nav>
  28
  29 <% end %>