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

story(sbb-paginator): initial implementation #2756

Closed
mcilurzo opened this issue Jun 14, 2024 · 0 comments · Fixed by #2982
Closed

story(sbb-paginator): initial implementation #2756

mcilurzo opened this issue Jun 14, 2024 · 0 comments · Fixed by #2982
Assignees
Labels
complexity: L Can be done in a fortnight proposal: accepted

Comments

@mcilurzo
Copy link
Contributor

mcilurzo commented Jun 14, 2024

We want to provide a paginator component.
It's purpose is to provide a pagination functionality for various use cases.

Figma: https://www.figma.com/file/9r6xSfNmEfCFxl1yFYedrj/Lyne-Components?type=design&node-id=33767%3A8995&mode=design&t=UPHfQU4257pNfPgG-1

Note:
The compact mode is out of scope and will be implemented in a separate issue.
Depends on #2755

Design Spec:

  • Should wrap the page numbers block, the page buttons and items per page
    • Should not wrap the content of the page numbers block (the number buttons)

Tech Spec:

  • Should have property length: number = 0, which represents the number of items in total (not the number of pages)
  • Should have property pageIndex: number = 0, which represents the current page index
  • Should have property pageSize: number = 10, which represents the number of items per page
  • Should have property pageSizeOptions?: number[], which represents the options for pageSize and if assigned, displays the items per page select
  • Should have property pagerPosition: 'start' | 'end' = 'start', which indicates where the next/previous page buttons should be rendered
  • The previous page button is disabled, if the pageIndex is 0 and the next page button is disabled, if pageIndex is the last possible value (i.e. if we only have one page, both are disabled)
  • On any page button click, a page event should be emitted with current index and previous index as details
<sbb-paginator
  length="100"
  pageIndex="0"
></sbb-paginator>
@mcilurzo mcilurzo converted this from a draft issue Jun 14, 2024
@kyubisation kyubisation changed the title Pagination story(sbb-paginator): initial implementation Jul 1, 2024
@kyubisation kyubisation removed their assignment Jul 1, 2024
@kyubisation kyubisation moved this from To do to Next in ESTA Web Lyne Design System Jul 17, 2024
@DavideMininni-Fincons DavideMininni-Fincons self-assigned this Jul 23, 2024
@DavideMininni-Fincons DavideMininni-Fincons moved this from Next to In progress in ESTA Web Lyne Design System Jul 26, 2024
@DavideMininni-Fincons DavideMininni-Fincons linked a pull request Aug 2, 2024 that will close this issue
28 tasks
@github-project-automation github-project-automation bot moved this from In progress to Done in ESTA Web Lyne Design System Sep 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
complexity: L Can be done in a fortnight proposal: accepted
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

3 participants