- <% if @user %>
- <%= render :partial => "diary_entry", :collection => @entries %>
- <% else %>
- <%= render :partial => "diary_index_entry", :collection => @entries %>
- <% end %>
-
- <div class="pagination">
- <% if @entries.size < @page_size -%>
- <%= t(".older_entries") %>
- <% else -%>
- <%= link_to t(".older_entries"), @params.merge(:page => @page + 1) %>
- <% end -%>
-
- |
-
- <% if @page > 1 -%>
- <%= link_to t(".newer_entries"), @params.merge(:page => @page - 1) %>
- <% else -%>
- <%= t(".newer_entries") %>
- <% end -%>
- </div>
+ <%= render @entries %>
+
+ <nav>
+ <ul class="pagination">
+ <% if @entries.size >= @page_size -%>
+ <li class="page-item">
+ <%= link_to t(".older_entries"), @params.merge(:page => @page + 1), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".older_entries") %></span>
+ </li>
+ <% end -%>
+
+ <% if @page > 1 -%>
+ <li class="page-item">
+ <%= link_to t(".newer_entries"), @params.merge(:page => @page - 1), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".newer_entries") %></span>
+ </li>
+ <% end -%>
+ </ul>
+ </nav>