</tr>
</thead>
<% @comments.each do |comment| -%>
- <tr class="<%= "text-muted" unless comment.visible? %>">
- <td width="25%"><%= link_to comment.diary_entry.title, diary_entry_path(comment.diary_entry.user, comment.diary_entry) %></td>
- <td width="25%"><span title="<%= l comment.created_at, :format => :friendly %>"><%= time_ago_in_words(comment.created_at, :scope => :"datetime.distance_in_words_ago") %></span></td>
- <td width="50%" class="richtext text-break"><%= comment.body.to_html %></td>
+ <tr>
+ <td width="25%" class="<%= "text-muted" unless comment.visible? %>"><%= link_to comment.diary_entry.title, diary_entry_path(comment.diary_entry.user, comment.diary_entry) %></td>
+ <td width="25%" class="<%= "text-muted" unless comment.visible? %>"><span title="<%= l comment.created_at, :format => :friendly %>"><%= time_ago_in_words(comment.created_at, :scope => :"datetime.distance_in_words_ago") %></span></td>
+ <td width="50%" class="richtext text-break<%= " text-muted" unless comment.visible? %>"><%= comment.body.to_html %></td>
</tr>
<% end -%>
</table>
- <div class='secondary-actions clearfix'>
- <span><%= link_to t(".older_comments"), :page => @comment_pages.current.next if @comment_pages.current.next %>
- <%= link_to t(".newer_comments"), :page => @comment_pages.current.previous if @comment_pages.current.previous %></span>
- </div>
+ <nav>
+ <ul class="pagination">
+ <% if @older_comments -%>
+ <li class="page-item">
+ <%= link_to t(".older_comments"), @params.merge(:before => @comments.last.id), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".older_comments") %></span>
+ </li>
+ <% end -%>
+ <% if @newer_comments -%>
+ <li class="page-item">
+ <%= link_to t(".newer_comments"), @params.merge(:after => @comments.first.id), :class => "page-link" %>
+ </li>
+ <% else -%>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".newer_comments") %></span>
+ </li>
+ <% end -%>
+ </ul>
+ </nav>
<% end -%>