NCEAS / metacatui

MetacatUI: A client-side web interface for DataONE data repositories
https://nceas.github.io/metacatui
Apache License 2.0
42 stars 24 forks source link

Group pagination in UI is not useful for groups with hundreds of members #2478

Open mburrus opened 2 days ago

mburrus commented 2 days ago

Describe the bug In the UI, the groups display will show only 4 members per page. When the amount of members and pages grow, a new page number is added directly next to the prior page number in the pagination. This behavior stays exactly the same no matter how many pages are added. Eventually, the page numbers fly off screen. This can be seen from both the user's Profile > Groups page (see screenshot) and from the group profile (see screenshot).

The current number of group members in the ess-dive-users group is 359 with 90 pages in the UI. The number of members in this group grows by about 4 members per month on average, according to our internal metrics that track approved data contributor requests.

Extrapolating from what I currently see, this bug presents an unavoidable inconvenience at:

And it starts looking silly at about 28 pages/112 members (user profile) and 9 pages/36 members (group profile) when the pagination leaves the boundaries of the group display box.

To Reproduce Steps to reproduce the behavior:

  1. You must be a member of the ess-dive-users group on the ESS-DIVE CN to see the behavior
  2. Login with group member ORCID
  3. Navigate to https://data.ess-dive.lbl.gov/profile/CN=ess-dive-users,DC=dataone,DC=org
  4. Stare at blank screen and wait at least 45 seconds or more if your internet connection is slow
  5. When the group profile loads, see that the last page number is off screen
  6. Use the side bar to scroll all the way to the right and select the last page. See that the group member list is now off screen. Scroll all the way to the left to see group members.
  7. Alternatively, zoom out to 50% extent to see all members and pages in very tiny print.

Expected behavior

Screenshots ess-dive-users Group Profile Screenshot 2024-07-02 at 1 23 28 PM

Madison's Profile Screenshot 2024-07-02 at 2 21 22 PM Screenshot 2024-07-02 at 2 21 33 PM