{"_id":"@99xt/ngx-pagination","_rev":"16-07b06d6e22131ad3d70cc0e30f390058","name":"@99xt/ngx-pagination","description":"Simple pagination for angular2+ apps","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@99xt/ngx-pagination","version":"0.1.0","keywords":[],"author":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"license":"MIT","_id":"@99xt/ngx-pagination@0.1.0","maintainers":[{"name":"thinkholic","email":"mailtokasun@gmail.com"}],"homepage":"https://github.com/99xt/ngx-pagination#readme","bugs":{"url":"https://github.com/99xt/ngx-pagination/issues"},"dist":{"shasum":"89af4f59a36dd7052a95bc7f8e05f81ef35091d7","tarball":"https://registry.npmjs.org/@99xt/ngx-pagination/-/ngx-pagination-0.1.0.tgz","integrity":"sha512-i6FJo3PrqGAuBCuuh559NAPZUCl5SpH2bEtXSXPxG0GN8K4+GZE6SH3/ur+vxtLgLX6fYpGUB+fIhM/7O7P1Nw==","signatures":[{"sig":"MEQCIFSutMtGyL5mKEDBY7erEH0O5KJMe1Fcy26GOSw+e5WhAiBba9mOtHlF0H4jumFpkfEbm9r3QMwKM/Ty7PPHqfgobA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":"dist","module":"ngx-pagination.js","_shasum":"89af4f59a36dd7052a95bc7f8e05f81ef35091d7","scripts":{},"typings":"ngx-pagination.d.ts","_npmUser":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"_resolved":"file:dist","repository":{"url":"git+https://github.com/99xt/ngx-pagination.git","type":"git"},"_npmVersion":"3.10.10","description":"Simple pagination for angular2+ apps","directories":{},"_nodeVersion":"6.11.0","peerDependencies":{"rxjs":"^5.1.0","zone.js":"^0.8.4","@angular/core":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-pagination-0.1.0.tgz_1500532339653_0.6662493224721402","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-07-20T06:32:19.737Z","modified":"2024-07-05T10:25:48.065Z","0.1.0":"2017-07-20T06:32:19.737Z"},"maintainers":[{"email":"itadmin@99x.io","name":"99xtechnology"}],"author":{"name":"thinkholic","email":"mailtokasun@gmail.com"},"repository":{"url":"git+https://github.com/99xt/ngx-pagination.git","type":"git"},"keywords":[],"license":"MIT","homepage":"https://github.com/99xt/ngx-pagination#readme","bugs":{"url":"https://github.com/99xt/ngx-pagination/issues"},"readme":"# @99xt/ngx-pagination\n\n[![npm (scoped)](https://img.shields.io/npm/v/@99xt/ngx-pagination.svg)](https://www.npmjs.com/package/@99xt/ngx-pagination)\n[![license](https://img.shields.io/github/license/99xt/ngx-pagination.svg)](https://github.com/99xt/ngx-pagination/blob/master/LICENSE)\n\nSimple pagination component for angular2+ apps.\n\n## Installation\n\nTo install this library, run:\n\n```bash\nnpm install @99xt/ngx-pagination --save\n```\n\n## Usage\n\nexample.module.ts\n```typescript\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { ExampleComponent } from './example.component';\n\n// Import the library\nimport { PaginationModule } from '@99xt/ngx-pagination';\n\n@NgModule({\n  declarations: [\n    ExampleComponent\n  ],\n  imports: [\n    BrowserModule,\n    PaginationModule\n  ],\n  providers: [],\n  bootstrap: [ ExampleComponent ]\n})\nexport class ExampleModule { }\n```\n\nexample.component.ts\n```typescript\nexport class ExampleComponent {\n  totalRecordCount: number;\n  selectedPage: number;\n  recordsPerPage: number;\n\n  constructor() {\n    this.totalRecordCount = 330;\n    this.recordsPerPage = 10;\n    this.selectedPage = 1;\n  }\n\n  selectPage(page: number) {\n    this.selectedPage = page;\n    // call your page contents loading method here\n  }\n}\n```\n\nexample.component.html\n```html\n<pagination\n  [total]=\"totalRecordCount\"\n  [limit]=\"recordsPerPage\"\n  (onSelectPage)=\"selectPage($event)\">\n</pagination>\n```\n\n## Contributing Guide\n\n### Setting up the development environment\n\nClone the repository to your workstation\n\n```bash\ngit clone git@github.com:99xt/ngx-pagination.git\n```\n\nNavigate to the project directory \n\n```bash\ncd ngx-pagination\n```\n\nInstall and build the library\n> Generate all `*.js`, `*.d.ts` files\n\n```bash\nnpm install\nnpm run build\n```\n\nYou can find the compiled version in the `dist/`\n\nCreate a symlink from the `dist` directory to the global `node_modules`\n\n```bash\ncd dist\nnpm link\n```\n\nTo lint all `*.ts` files:\n\n```bash\n$ npm run lint\n```\n\n### Run Demo app\n\n```\ncd demo\nnpm install\nnpm start\n```\n\n### Publish to NPM\n\nUpdate the version in `src/package.json`;\n\n```\nnpm run build\nnpm publish dist\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}