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:
Chrome, 100% browser extent, 27" monitor: approximately 267 members with 67 pages
Chrome, 100% browser extent, 13" monitor: approximately 179 members with 45 pages
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:
You must be a member of the ess-dive-users group on the ESS-DIVE CN to see the behavior
Stare at blank screen and wait at least 45 seconds or more if your internet connection is slow
When the group profile loads, see that the last page number is off screen
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.
Alternatively, zoom out to 50% extent to see all members and pages in very tiny print.
Expected behavior
Up to debate, but my guess is that the group pagination should share the same behavior as the pagination on the data search page (e.g. | 1 | 2 | 3 | ... | 90 | Last ) https://data.ess-dive.lbl.gov/data.
Although I personally find this pagination style tedious to navigate as you can only ever select the first page, the last page, your current page, and +/- 2 pages in either direction (e.g. | Prev | 1 | ... | 3 | 4 | 5 | 6 | 7 |... | 90 | Next). It wouldn't allow me to select page 60 right away. Being able to jump between pages with a delta greater than 4 is useful when you want to quickly confirm whether the UI isn't allowing you to add a new member because it is already a member or because the user never logged into our production member node.
If the API call were improved to make group member lookup quicker, it could be worthwhile to wait for the UI to load and then run the same call against the API directly to see if a member is present already (and not rely on pagination to look through members). Currently, the call takes too long for it to be a good use of effort.
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:
ess-dive-users
group on the ESS-DIVE CN to see the behaviorExpected behavior
| 1 | 2 | 3 | ... | 90 | Last
) https://data.ess-dive.lbl.gov/data.| Prev | 1 | ... | 3 | 4 | 5 | 6 | 7 |... | 90 | Next
). It wouldn't allow me to select page 60 right away. Being able to jump between pages with a delta greater than 4 is useful when you want to quickly confirm whether the UI isn't allowing you to add a new member because it is already a member or because the user never logged into our production member node.Screenshots ess-dive-users Group Profile![Screenshot 2024-07-02 at 1 23 28 PM](https://github.com/NCEAS/metacatui/assets/54084565/5856c8b7-e332-4f0d-b501-d75a41d62f24)
Madison's Profile
![Screenshot 2024-07-02 at 2 21 33 PM](https://github.com/NCEAS/metacatui/assets/54084565/d23e2e44-e539-42ec-b196-4c479deb2a97)