-
Notifications
You must be signed in to change notification settings - Fork 1.7k
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(docs): added use-cases for pagination component #4684
feat(docs): added use-cases for pagination component #4684
Conversation
Codecov Report
@@ Coverage Diff @@
## development #4684 +/- ##
===============================================
+ Coverage 74.31% 74.35% +0.04%
===============================================
Files 202 202
Lines 7102 7102
Branches 1447 1447
===============================================
+ Hits 5278 5281 +3
+ Misses 1427 1426 -1
+ Partials 397 395 -2
Continue to review full report at Codecov.
|
|
||
**Scope**: Ngx-bootstrap DEMO / BS version 3&4 | ||
|
||
**Goal**: Show user basic functionality |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
3. By default 1st page is active, and previous button is disabled | ||
4. When user clicks on 3rd page, then next button is enabled, previous button is disabled, 1st page is inactive | ||
and 3rd is active | ||
5. After click on 2nd page, previous and next button are enabled, 2ng page is active, 3rd page is inactive |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
---------------------- | ||
|
||
1. User opens Pagination demo page | ||
2. User clicks on Boundary links event sub-menu |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
1. User opens Pagination demo page | ||
2. User clicks on Boundary links event sub-menu | ||
3. By default 'First' and 'Previous' buttons are disabled, and 1st page is active | ||
4. After click on 'Last' button, 6th page is active, 1st page is inactive, 'Next' and 'Last' buttons are disabled, |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
4. When user clicks on "Toggle centering current page link" button | ||
5. And after that user clicks on "Next" button and number of active page link less than center, numbers of page should change on next 5 pagination pages | ||
6. When user clicks on "Toggle centering current page link" buttoner click on "Previous" button and number of active page link more than center, | ||
numbers of page should change on previous 5 pagination pages |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
2. User clicks on "Limits" sub-menu | ||
3. By default maximum page numbers equal to 5. | ||
4. When user clicks on "Next" button and and number of active page link more than center, numbers of page should change | ||
5. When user clicks on "Previous" button and and number of active page link less than center, numbers of page should change |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
|
||
1. User opens "Pagination" demo page | ||
2. User clicks on "Limits" sub-menu | ||
3. By default maximum page numbers equal to 5. |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
docs/spec/pagination/pagination.examples.manual-switching-page.use-case.md
Show resolved
Hide resolved
docs/spec/pagination/pagination.examples.pages-count-changed-event.use-case.md
Show resolved
Hide resolved
c8937a5
to
1875099
Compare
1. User opens Pagination demo page | ||
2. User clicks on Basic sub-menu | ||
3. By default 1st page is active, and previous button is disabled | ||
4. When user clicks on 3rd page, then next button is enabled, previous button is disabled, 1st page is inactive |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
3. By default 1st page is active, and previous button is disabled | ||
4. When user clicks on 3rd page, then next button is enabled, previous button is disabled, 1st page is inactive | ||
and 3rd is active | ||
5. After click on 2d page, previous and next button are enabled, 2g page is active, 3rd page is inactive |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
2. User clicks on "Centering the active page link" sub-menu | ||
3. By default maximum page numbers equal to 5 and active page 1. | ||
4. By default centering the active page link is enabled | ||
5. When user clicks on 5th page, then active page should 5 and should by center, maximum count of pages should 5 |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
1. User opens "Pagination" demo page | ||
2. User clicks on "Content switching" sub-menu | ||
3. After click on "Next" button, pagination content should be changed | ||
4. After click on "Previous" button, pagination content should be changed |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
|
||
1. User opens "Pagination" demo page | ||
2. User clicks on "Custom links content" sub-menu | ||
3. Links should be instead Previous, Next, Last, First text |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
1. User opens "Pagination" demo page | ||
2. User clicks on "Limits" sub-menu | ||
3. By default maximum page numbers equal to 5 and active page: "1" | ||
4. When user clicks on 5th page, then active page should 5 and should by center, maximum count of pages should 5 |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
7de3a2b
to
75dfc7f
Compare
|
||
**Scope**: Ngx-bootstrap DEMO / BS version 3&4 | ||
|
||
**Goal**: Show user custom links content functionality |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
Variations: | ||
---------- | ||
|
||
2*. User scrolls to 'Basic' |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
docs/spec/index.md
Outdated
@@ -55,6 +55,30 @@ | |||
|
|||
## Pagination | |||
|
|||
[Examples. Basic](pagination/pagination.examples.basic.use-case.md) |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
Variations: | ||
---------- | ||
|
||
2*. User scrolls to 'Pager' |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
Variations: | ||
---------- | ||
|
||
2*. User scrolls to 'Pages count changed event' |
This comment was marked as off-topic.
This comment was marked as off-topic.
Sorry, something went wrong.
… into feat-docs-use-cases-pagination
75dfc7f
to
c058a40
Compare
PR Checklist
Before creating new PR, please take a look at checklist below to make sure that you've done everything that needs to be done before we can merge it.