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.