Adds styles for pagination

This commit is contained in:
Alberto Garcia Cabeza
2015-08-20 12:35:00 +02:00
parent 9e15652d58
commit 51d08d9798
8 changed files with 49 additions and 85 deletions

View File

@@ -12,6 +12,7 @@
// 10. User account
// 11. Filters
// 12. Official levels
// 13. Pagination
//
// 01. Variables
@@ -673,3 +674,14 @@ img.initialjs-avatar {
.level-5 {
background: $level-5;
}
// 13. Pagination
// - - - - - - - - - - - - - - - - - - - - - - - - -
ul.pagination {
margin-top: rem-calc(24);
li {
color: $text-medium;
}
}

View File

@@ -1,11 +1,3 @@
<%# Link to the "First" page
- available local variables
url: url to the first page
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="first">
<%= link_to_unless current_page.first?, t('views.pagination.first').html_safe, url, :remote => remote %>
</span>
<li>
<%= link_to t("views.pagination.first").html_safe, url, :remote => remote %>
</li>

View File

@@ -1,8 +1,3 @@
<%# Non-link tag that stands for skipped pages...
- available local variables
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="page gap"><%= t('views.pagination.truncate').html_safe %></span>
<li>
<%= t("views.pagination.truncate").html_safe %>
</li>

View File

@@ -1,11 +1,3 @@
<%# Link to the "Last" page
- available local variables
url: url to the last page
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="last">
<%= link_to_unless current_page.last?, t('views.pagination.last').html_safe, url, :remote => remote %>
</span>
<li>
<%= link_to t("views.pagination.last").html_safe, url, :remote => remote %>
</li>

View File

@@ -1,11 +1,3 @@
<%# Link to the "Next" page
- available local variables
url: url to the next page
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="next">
<%= link_to_unless current_page.last?, t('views.pagination.next').html_safe, url, :rel => 'next', :remote => remote %>
</span>
<li>
<%= link_to t("views.pagination.next").html_safe, url, :rel => "next", :remote => remote %>
</li>

View File

@@ -1,12 +1,3 @@
<%# Link showing page number
- available local variables
page: a page object for "this" page
url: url to this page
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="page<%= ' current' if page.current? %>">
<%= link_to_unless page.current?, page, url, {:remote => remote, :rel => page.next? ? 'next' : page.prev? ? 'prev' : nil} %>
</span>
<li class="<%= 'current' if page.current? %>">
<%= link_to page, url, {:remote => remote, :rel => page.next? ? "next" : page.prev? ? "prev" : nil} %>
</li>

View File

@@ -1,15 +1,10 @@
<%# The container tag
- available local variables
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
paginator: the paginator that renders the pagination tags inside
-%>
<%= paginator.render do -%>
<nav class="pagination">
<div class="pagination-centered">
<nav role="navigation">
<ul class="pagination">
<%= first_page_tag unless current_page.first? %>
<%= prev_page_tag unless current_page.first? %>
<% each_page do |page| -%>
<% if page.left_outer? || page.right_outer? || page.inside_window? -%>
<%= page_tag page %>
@@ -17,7 +12,10 @@
<%= gap_tag %>
<% end -%>
<% end -%>
<%= next_page_tag unless current_page.last? %>
<%= last_page_tag unless current_page.last? %>
</ul>
</nav>
</div>
<% end -%>

View File

@@ -1,11 +1,3 @@
<%# Link to the "Previous" page
- available local variables
url: url to the previous page
current_page: a page object for the currently displayed page
total_pages: total number of pages
per_page: number of items to fetch per page
remote: data-remote
-%>
<span class="prev">
<%= link_to_unless current_page.first?, t('views.pagination.previous').html_safe, url, :rel => 'prev', :remote => remote %>
</span>
<li>
<%= link_to t("views.pagination.previous").html_safe, url, :rel => "prev", :remote => remote %>
</li>