]> git.openstreetmap.org Git - rails.git/blob - app/views/shared/_pagination.html.erb
Use Bootstrap pagination for note lists
[rails.git] / app / views / shared / _pagination.html.erb
1 <nav>
2   <% link_class = "page-link icon-link text-center" %>
3   <ul class="pagination">
4     <% newer_link_content = capture do %>
5       <%= previous_page_svg_tag :class => "flex-shrink-0 d-none d-sm-block" %>
6       <%= t(newer_key) %>
7     <% end %>
8     <% if newer_id -%>
9       <li class="page-item d-flex">
10         <%= link_to newer_link_content, @params.merge(:before => nil, :after => newer_id), :class => link_class, :data => { "turbo" => true, "turbo-frame" => "pagination", "turbo-action" => "advance" } %>
11       </li>
12     <% else -%>
13       <li class="page-item d-flex disabled">
14         <%= tag.span newer_link_content, :class => link_class %>
15       </li>
16     <% end -%>
17
18     <% older_link_content = capture do %>
19       <%= t(older_key) %>
20       <%= next_page_svg_tag :class => "flex-shrink-0 d-none d-sm-block" %>
21     <% end %>
22     <% if older_id -%>
23       <li class="page-item d-flex">
24         <%= link_to older_link_content, @params.merge(:before => older_id, :after => nil), :class => link_class, :data => { "turbo" => true, "turbo-frame" => "pagination", "turbo-action" => "advance" } %>
25       </li>
26     <% else -%>
27       <li class="page-item d-flex disabled">
28         <%= tag.span older_link_content, :class => link_class %>
29       </li>
30     <% end -%>
31   </ul>
32 </nav>