WillPaginate::Materialize
This gem integrates the MaterializeCSS pagination component with the will_paginate pagination gem.
Installation
Add this line to your application's Gemfile:
gem 'will_paginate-materialize', git: 'https://github.com/mldoscar/will_paginate-materialize', branch: 'master'
And then execute:
$ bundle
Usage
- Install Materialize-sass (if you haven't already)
- Create a file named
will-paginate-materialize.rb
insideconfig/initializers
and configure the iconset you want to use.
WillPaginate::Materialize.configure do |config|
# Select one of the iconset you want to use
# Material Design Icons
config.iconset = :material_design
# FontAwesome Icons
config.iconset = :font_awesome
end
- Add the following to your application.scss file
.pagination li.active a {
color: #fff;
}
-
For Material Design iconset use: Follow the instructions for installing this gem in order to have this icon style in the left or right arrows: https://github.com/Angelmmiguel/material_icons
-
For FontAwesome iconset use: Follow the instructions for installing this gem in order to have this icon style in the left or right arrows: https://github.com/bokmann/font-awesome-rails
You're done! Use the will_paginate helper as you would otherwise.
<%= will_paginate @collection %>
Contributing
Bug reports and pull requests are welcome on GitHub at https://github.com/patricklindsay/will_paginate-materialize. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
Further works
- Add additional specs
License
The gem is available as open source under the terms of the MIT License.