{"id":27232899,"url":"https://github.com/phoffer/will_paginate-bulma","last_synced_at":"2025-04-10T14:10:46.446Z","repository":{"id":56521517,"uuid":"95944186","full_name":"phoffer/will_paginate-bulma","owner":"phoffer","description":"Integrates the Bulma pagination component with will_paginate","archived":false,"fork":false,"pushed_at":"2023-05-01T00:21:16.000Z","size":49,"stargazers_count":4,"open_issues_count":3,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-09T05:39:23.991Z","etag":null,"topics":["ruby","will-paginate"],"latest_commit_sha":null,"homepage":null,"language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/phoffer.png","metadata":{"files":{"readme":"README.markdown","changelog":null,"contributing":null,"funding":null,"license":"MIT-LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-01T05:28:56.000Z","updated_at":"2020-08-20T18:56:36.000Z","dependencies_parsed_at":"2022-08-15T20:20:18.535Z","dependency_job_id":null,"html_url":"https://github.com/phoffer/will_paginate-bulma","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoffer%2Fwill_paginate-bulma","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoffer%2Fwill_paginate-bulma/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoffer%2Fwill_paginate-bulma/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoffer%2Fwill_paginate-bulma/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phoffer","download_url":"https://codeload.github.com/phoffer/will_paginate-bulma/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248055284,"owners_count":21040157,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ruby","will-paginate"],"created_at":"2025-04-10T14:10:45.732Z","updated_at":"2025-04-10T14:10:46.433Z","avatar_url":"https://github.com/phoffer.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# will_paginate-bulma\n\n![Bulma Pagination Component](https://raw.github.com/phoffer/will_paginate-bulma/master/pagination.png)\n\nThis gem integrates the [Bulma](http://bulma.io) [pagination component](http://bulma.io/documentation/components/pagination/) with the [will_paginate](https://github.com/mislav/will_paginate) pagination gem.\n\n## Supports Bulma 0.4.2-0.9.0\n\n## Install\n\n  * `gem install will_paginate-bulma`, *or*\n  * For projects using Bundler, add `gem 'will_paginate-bulma'` to your `Gemfile` (and then run `bundle install`).\n\n## Usage\n\n### Hanami\n\n  1. To work with Hanami, you'll need to bundle a fork of will_paginate at [phoffer/will_paginate](https://github.com/phoffer/will_paginate) with the `hanami` branch. (Hopefully it will be merged soon!)\n  2. Add the helper to the app you want to use will_paginate in application.rb. This enables will_pagination in Hanami.\n  3. To render, use `BulmaPagination::Hanami` as the renderer.\n\n```\n# apps/web/application.rb\nview.prepare do\n  ...\n  include WillPaginate::Hanami\nend\n# rendering\n\u003c%= will_paginate collection, renderer: BulmaPagination::Hanami %\u003e\n```\n\n### Rails\n\n  1. Load the Bulma CSS in your template.\n  2. In your view, use the `renderer: BulmaPagination::Rails` option with the `will_paginate` helper, for example:\n\n```\n\u003c%= will_paginate @collection, renderer: BulmaPagination::Rails %\u003e\n```\n\n### Sinatra\n\n  1. Load the Bulma CSS in your template.\n  2. `require \"will_paginate-bulma\"` in your Sinatra app.\n  3. In your view, use the `renderer: BulmaPagination::Sinatra` option with the `will_paginate` helper, for example:\n\n```\n\u003c%= will_paginate @collection, renderer: BulmaPagination::Sinatra %\u003e\n```\n\n## Configuration\nAny of the above usage scenarios will accept configuration options, allowing the user to change the [pagination components](https://bulma.io/documentation/components/pagination/) appearance with Bulma modifier classes. For example, the following will render the pagination component centered on the page:\n\n```\n\u003c%= will_paginate @collection, renderer: BulmaPagination::Rails, class: 'is-centered' %\u003e\n```\n\nThe supported configuration options are as follows:\n* `class` applies a class to the top level pagination nav element\n* `link_separator` text or html to insert between pagination-link elements\n* `link_options` a hash of attributes added to active pagination-link elements _(note, classes added here will be overwritten)_\n* `previous_label` text or html to replace the inner content of the link within the pagination-previous element\n* `next_label` text or html to replace the inner content of the link within the pagination-next element\n* `maximum_links` affect how spacers are applied when you have many pages. This allows you to show the first and last page, then the current page with a certain number of pages on either sides.\n\n![](https://github.com/phoffer/will_paginate-bulma/blob/master/example/maximum_links_2_example.png)\n\nContributing\n------------\n\n1. Fork it.\n2. Create a branch (`git checkout -b my_markup`)\n3. Commit your changes (`git commit -am \"Cool new feature\"`)\n4. Push to the branch (`git push origin my_markup`)\n5. Open a [Pull Request][1]\n\n### Special Thanks\n\nThis gem code was based on [will_paginate-foundation](https://github.com/acrogenesis/will_paginate-foundation) by Adrian Rangel ([@acrogenesis](https://github.com/acrogenesis)).\n\nLicense\n------------\nThe MIT License (MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoffer%2Fwill_paginate-bulma","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphoffer%2Fwill_paginate-bulma","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoffer%2Fwill_paginate-bulma/lists"}