Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(paging): new demo for input go to usage with paging bar leveraging exposed API's #764

Merged
merged 10 commits into from
Jul 20, 2017

Conversation

jeremysmartt
Copy link
Collaborator

@jeremysmartt jeremysmartt commented Jul 14, 2017

Description

#743

Adding a new demo to show developers how to leverage paging-bar exposed API's with a material input.

What's included?

  • New demo for input usage with paging bar leveraging exposed API's
  • Unit test with the input usage
  • Load README.md in paging to avoid docs duplication

e.g.

<td-paging-bar #pagingBar [pageSizes]="[50,100,200,500,1000,2000]" pageLinkCount="5" [firstLast]="false" [initialPage]="1" [pageSize]="100" [total]="1345" (change)="change($event)">
  <span td-paging-bar-label hide-xs>Row per page:</span>
  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
  <p hide-xs>Go to:</p>
  <md-input-container>
    <input #goToInput
          mdInput
          type="number"
          [min]="1"
          [max]="pagingBar.maxPage"
          [value]="pagingBar.page"
          (blur)="goToInput.value = pagingBar.page"
          (keyup.enter)="pagingBar.navigateToPage(goToInput.value); goToInput.value = pagingBar.page"/>
  </md-input-container>
</td-paging-bar>

image

Test Steps

General Tests for Every PR

  • ng serve --aot still works.
  • npm run lint passes.
  • npm test passes and code coverage is not lower.
  • npm run build still works.
Screenshots or link to CodePen/Plunker/JSfiddle

goto

closes #743

@emoralesb05 emoralesb05 changed the title Manually type in page number in paginator to jump to feat(paging): new demo for input go to usage with paging bar leveraging exposed API's Jul 20, 2017
@emoralesb05 emoralesb05 merged commit 846a4b4 into develop Jul 20, 2017
@emoralesb05 emoralesb05 deleted the feature/jump-to-row branch July 20, 2017 02:05
@emoralesb05 emoralesb05 added this to the Next Release milestone Jul 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature Request - Paging Bar: Jump to Row # or Percent
2 participants