Create, close, cancel, Purchase Orders (UXPROD-1141)

[UIPFCONT-29] Find a contact - Implement MCL Next/Previous pagination Created: 07/Aug/22  Updated: 22/Aug/22  Resolved: 22/Aug/22

Status: Closed
Project: ui-plugin-find-contact
Components: None
Affects versions: None
Fix versions: 3.3.0
Parent: Create, close, cancel, Purchase Orders

Type: Story Priority: P3
Reporter: Dennis Bridges Assignee: Dennis Bridges
Resolution: Done Votes: 0
Labels: acquisitions, ui-only, ux
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original estimate: Not Specified

Attachments: File Next-previous pagination for Select contacts as expected.mp4     PNG File Proof_1.png     PNG File Proof_2.png     PNG File image-2021-09-01-16-21-11-324.png     PNG File image-2021-09-01-16-22-09-879.png     PNG File image-2021-09-01-16-22-51-615.png     PNG File image-2021-09-01-16-23-35-289.png     PNG File screenshot-1.png    
Issue links:
Cloners
clones UIOR-782 Order Tab - Implement MCL Next/Previo... Closed
Defines
defines UXPROD-3061 Thunderjet - R3 Enhancements/Bugfixes Closed
Gantt End to Start
has to be done before UIOR-785 Order tab - Resume Scroll position af... Closed
has to be done before UIOR-786 Order lines tab - Resume Scroll posit... Closed
Relates
relates to UISACQCOMP-116 Support MCL Next/Previous pagination ... Closed
Sprint: ACQ Sprint 146
Story Points: 2
Development Team: Thunderjet
Tester Assignee: Dennis Bridges
Epic Link: Create, close, cancel, Purchase Orders

 Description   

Overview: improve the user experience for navigating the results list

For an app that wants to

  • Replace infinite scroll
  • Replace Load more
  • Resume scroll position after edit

Then the following must be implemented

  1. MCL Next and Previous pagination https://folio-org.atlassian.net/browse/STCOM-829
  2. MCL scroll to item - https://folio-org.atlassian.net/browse/STCOM-830
  3. Resume scroll position after edit - https://github.com/folio-org/ui-inventory/pull/1400

This story focus on # MCL Next and Previous pagination https://folio-org.atlassian.net/browse/STCOM-829

Given I am viewing a MCL with more than 30 items
Then display Next and Previous pagination

Given I am viewing a MCL with less than 30 item
Then Next and Previous pagination should display as

If I click on Prev or Next Then focus shifts to first result on page (Note: this requirement should be automatic with implementation. It should not require additional development)

Apps that have implemented next/previous pagination

  • Inventory
  • eholdings (needs to update support focus requirement)


 Comments   
Comment by Yury Saukou [ 17/Aug/22 ]

Tested on https://folio-snapshot.dev.folio.org/

 

Comment by NinaChistova [ 18/Aug/22 ]

Tested on https://folio-snapshot.dev.folio.org/

Works as expected

Next-previous pagination for Select contacts as expected.mp4

Dennis Bridges please review

Comment by Dennis Bridges [ 22/Aug/22 ]

Test successful in folio-snapshot.

Generated at Thu Feb 08 22:17:32 UTC 2024 using Jira 1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d.