{"id":14990315,"url":"https://github.com/knownasilya/pagination-pager","last_synced_at":"2025-07-29T04:03:02.327Z","repository":{"id":15257609,"uuid":"17986702","full_name":"knownasilya/pagination-pager","owner":"knownasilya","description":"Ember.js Component for Bootstrap 3 pagination \u0026 pager components","archived":false,"fork":false,"pushed_at":"2023-07-18T23:20:56.000Z","size":5817,"stargazers_count":58,"open_issues_count":18,"forks_count":21,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-02T01:43:24.619Z","etag":null,"topics":["bootstrap","ember","ember-addon","pagination","pagination-pager","web-component"],"latest_commit_sha":null,"homepage":"http://knownasilya.github.io/pagination-pager/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"simplyaubs/callback","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/knownasilya.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-03-21T16:42:31.000Z","updated_at":"2024-08-23T08:14:18.000Z","dependencies_parsed_at":"2024-09-24T16:01:38.968Z","dependency_job_id":null,"html_url":"https://github.com/knownasilya/pagination-pager","commit_stats":{"total_commits":204,"total_committers":15,"mean_commits":13.6,"dds":"0.32352941176470584","last_synced_commit":"49b988b2abca4c72069fa6beda8ae6ce2f8ccb5e"},"previous_names":[],"tags_count":37,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knownasilya%2Fpagination-pager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knownasilya%2Fpagination-pager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knownasilya%2Fpagination-pager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knownasilya%2Fpagination-pager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/knownasilya","download_url":"https://codeload.github.com/knownasilya/pagination-pager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233048527,"owners_count":18617062,"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":["bootstrap","ember","ember-addon","pagination","pagination-pager","web-component"],"created_at":"2024-09-24T14:19:52.819Z","updated_at":"2025-01-08T14:57:03.682Z","avatar_url":"https://github.com/knownasilya.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# pagination-pager\n\n[![NPM][npm-badge-img]][npm-badge-link]\n[![Build Status][travis-badge]][travis-badge-url]\n[![Ember Observer Score][ember-observer-badge]][ember-observer-url]\n\nEmber Component for Bootstrap 3 Pagination \u0026amp; Pager components\n\n```hbs\n\u003cPaginationPager\n  @current={{this.page}}\n  @count={{10}}\n  @change={{fn (mut this.page)}}\n/\u003e\n```\n\nHere's a [demo][1], and these are the original Bootstrap Components: [Pagination][2] and [Pager][3].\n\n## Compatibility\n\n- Ember.js v3.12 or above\n- Ember CLI v2.13 or above\n- Node.js v10 or above\n\n## Getting Started\n\nFirst install the addon.\n\n```sh\nember install pagination-pager\n```\n\nThen use it in your app with `\u003cPaginationPager /\u003e` with the options\nin the following section.\n\n### Available Options\n\nTo switch to the pager UI, set the `pager` attribute to `true`, see the optional section.\n\nBy default the first page is `1`, and the last is the value of `count`, you can change these by setting `firstPage` and `lastPage`.\n\n#### Required\n\n- `@count` -- The number of pages in total, required\n- `@current` -- The current page number, required\n\n#### Optional\n\n- `@pager` -- Switches to the pager component, defaults to `false`\n- `@urlTemplate` -- Url template for supporting opening pages in new windows, defaults to '#'.\n  `@urlTemplate` should be in the form of `http://myurl.com/#/posts?page={current}`.\n- `@hide` -- Hide the component for any reason, defaults to `false`.\n- `@autoHide` -- Hide the component if `count` is \u003c= `1`, defaults to `true`.\n- `@disabled` -- Disable changing the pages, defaults to `false`.\n\n#### Pagination Only\n\n- `@paginationNext` -- The text to display for pagination next button\n- `@paginationPrevious` -- The text to display for pagination previous button\n- `@paginationSize` -- The size of the element, default is '', available options include `lg` and `sm`.\n- `@countOut` -- The number of page links in the begin and end of whole range\n- `@countIn` -- The number of page links on each side of current page\n\n#### Pager Only\n\n- `@pagerNext` -- The text to display for the pager next button\n- `@pagerPrevious` -- The text to display for the pager previous button\n- `@pagerFirst` -- The text to display for the pager first button (no button is shown if not specified)\n- `@pagerLast` -- The text to display for the pager last button (no button is shown if not specified)\n- `@pagerSpread` -- Pager buttons spaced out, defaults to false\n\n```hbs\n\u003cPaginationPager @pager={{true}} @count={{this.count}} @current={{this.current}}\u003e\n  \u003c!-- This will show up between the two buttons. --\u003e\n  Page {{current}} of {{count}}\n\u003c/PaginationPager\u003e\n```\n\n#### Actions\n\n- `@change` -- Action that returns `currentPage` and `previousPage`, e.g.\n\n```hbs\n\u003cPaginationPager\n  @count={{this.count}}\n  @current={{this.current}}\n  @change={{this.changePage}}\n/\u003e\n```\n\n```js\n// clicking on '2' after '5'\n@action\npageChanged(current, previous) {\n  console.log(current, previous);\n  // =\u003e 2, 5\n}\n```\n\n\u003e **Note:** If `changed` is defined, then `current` isn't updated automatically, it's your job to update it.\n\n## Testing\n\n`ember test` works just fine, plus `ember serve` and then visit 'http://localhost:4200/pagination-pager/' to see the dummy app.\n\n### Building Demo (Github Pages)\n\nBuild by checking out the relevant branch, since the test dummy app\nis actually the demo app.\n\n# Run the following command:\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n```no-highlight\nember github-pages:commit --message \u003cmessage describing demo release\u003e\n```\n\n[1]: http://knownasilya.github.io/pagination-pager/\n[2]: http://getbootstrap.com/components/#pagination\n[3]: http://getbootstrap.com/components/#pagination-pager\n[npm-badge-img]: https://badge.fury.io/js/pagination-pager.svg\n[npm-badge-link]: http://badge.fury.io/js/pagination-pager\n[travis-badge]: https://travis-ci.org/knownasilya/pagination-pager.svg\n[travis-badge-url]: https://travis-ci.org/knownasilya/pagination-pager\n[ember-observer-badge]: http://emberobserver.com/badges/pagination-pager.svg\n[ember-observer-url]: http://emberobserver.com/addons/pagination-pager\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknownasilya%2Fpagination-pager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fknownasilya%2Fpagination-pager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknownasilya%2Fpagination-pager/lists"}