Add element list item helper

[rails.git] / app / views / shared / _pagination.html.erb

diff --git a/app/views/shared/_pagination.html.erb b/app/views/shared/_pagination.html.erb
index fbb9dcf43321ccfc11abbdbd4771732942c451be..3a60003626725b7c7ae8a88fc40f159c293d8089 100644 (file)
--- a/app/views/shared/_pagination.html.erb
+++ b/app/views/shared/_pagination.html.erb
@@ -1,22 +1,31 @@
 <nav>
 <nav>

+  <% link_class = "page-link d-flex align-items-center gap-2 text-center" %>

   <ul class="pagination">
   <ul class="pagination">

+    <% newer_link_content = capture do %>
+      <%= previous_page_svg_tag :class => "flex-shrink-0 d-none d-sm-block" %>
+      <%= t(newer_key) %>
+    <% end %>

     <% if newer_id -%>
     <% if newer_id -%>

-      <li class="page-item">
-        <%= link_to t(newer_key), @params.merge(:before => nil, :after => newer_id), :class => "page-link" %>
+      <li class="page-item d-flex">
+        <%= link_to newer_link_content, @params.merge(:before => nil, :after => newer_id), :class => link_class %>

       </li>
     <% else -%>
       </li>
     <% else -%>

-      <li class="page-item disabled">
-        <span class="page-link"><%= t(newer_key) %></span>
+      <li class="page-item d-flex disabled">
+        <%= tag.span newer_link_content, :class => link_class %>

       </li>
     <% end -%>
 
       </li>
     <% end -%>
 

+    <% older_link_content = capture do %>
+      <%= t(older_key) %>
+      <%= next_page_svg_tag :class => "flex-shrink-0 d-none d-sm-block" %>
+    <% end %>

     <% if older_id -%>
     <% if older_id -%>

-      <li class="page-item">
-        <%= link_to t(older_key), @params.merge(:before => older_id, :after => nil), :class => "page-link" %>
+      <li class="page-item d-flex">
+        <%= link_to older_link_content, @params.merge(:before => older_id, :after => nil), :class => link_class %>

       </li>
     <% else -%>
       </li>
     <% else -%>

-      <li class="page-item disabled">
-        <span class="page-link"><%= t(older_key) %></span>
+      <li class="page-item d-flex disabled">
+        <%= tag.span older_link_content, :class => link_class %>

       </li>
     <% end -%>
   </ul>
       </li>
     <% end -%>
   </ul>