Skip to content

Instantly share code, notes, and snippets.

@ishikota
Created October 25, 2020 04:30
Show Gist options
  • Save ishikota/4085a880803425ed873fabc3270899c0 to your computer and use it in GitHub Desktop.
Save ishikota/4085a880803425ed873fabc3270899c0 to your computer and use it in GitHub Desktop.
kaminari templates for bulma css
-# 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
= link_to_unless current_page.first?, t('views.pagination.first').html_safe, url, remote: remote, class: 'pagination-previous'
-# 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.page.gap
= t('views.pagination.truncate').html_safe
-# 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
= link_to_unless current_page.last?, t('views.pagination.last').html_safe, url, remote: remote, class: 'pagination-next'
-# 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
= link_to_unless current_page.last?, t('views.pagination.next').html_safe, url, rel: 'next', remote: remote, class: 'pagination-next'
-# 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
%li
- if page.current?
= content_tag :a, page, data: { remote: remote }, rel: page.rel, class: 'pagination-link is-current'
- else
= link_to page, url, remote: remote, rel: page.rel, class: 'pagination-link'
-# 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.pagination.is-centered
= first_page_tag unless current_page.first?
= prev_page_tag unless current_page.first?
= next_page_tag unless current_page.last?
= last_page_tag unless current_page.last?
%ul.pagination-list
- each_page do |page|
- if page.display_tag?
= page_tag page
- elsif !page.was_truncated?
= gap_tag
-# 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
= link_to_unless current_page.first?, t('views.pagination.previous').html_safe, url, rel: 'prev', remote: remote, class: 'pagination-previous'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment