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 inside config/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.

alphamarket / will_paginate-materialize