authgear / authgear/authgear-server

Support pagination of user list filtered by roles/groups and user search

Open
#4,380 1 comment 0 reactions 1 assignee Claimed by @louischan-oursky View on GitHub
cooldown/enhancement
Dominant language
Go
Stars
2k
Forks
125
Avg merge
2d 17h
Merged PRs (30d)
32

Description

Support pagination so that the user can browse beyond the top 50 result

Instead of page 1,2,3, .. and letting the user to jump to whatever page, the pagination will be cursor based.

Similar to Gmail, it will show "1-50", "51-100",… and buttons for prev and next pages. The user can only move 1 page at a time.

* if the total number of the filtered rows < 1,000, it will show as sth like **1-50 of 939**
* if the total number > 1,000 , it will show as 1-50 of many

Example from gmail:

![image.png](https://uploads.linear.app/860e83ae-05f0-4c4b-bd93-8a4b8d251836/48cce8d6-d4d9-423d-8729-0ecd64794905/6de5576f-ce75-4f92-984b-c8c209c3808a?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzg2MGU4M2FlLTA1ZjAtNGM0Yi1iZDkzLThhNGI4ZDI1MTgzNi80OGNjZThkNi1kNGQ5LTQyM2QtODcyOS0wZWNkNjQ3OTQ5MDUvNmRlNTU3NmYtY2U3NS00ZjkyLTk4NGItYzhjMjA5YzM4MDhhIiwiaWF0IjoxNzE4ODA2OTk1LCJleHAiOjMzMjg5MzY2OTk1fQ.e3YPaVQbL4x-Kvn9X5EvsWsGwLxhE9VgNVC4ixQwamI "=230x")

Design: [https://www.figma.com/design/U33ZFgZtGwg7F22jsz50v0/Portal-%2F-2024?node-id=461-15319&t=968l1nWvyTzi0m0O-4](https://www.figma.com/design/U33ZFgZtGwg7F22jsz50v0/Portal-%2F-2024?node-id=461-15319&t=968l1nWvyTzi0m0O-4)

![image.png](https://uploads.linear.app/860e83ae-05f0-4c4b-bd93-8a4b8d251836/96aeaa52-f82d-457b-9a6e-2f56e3c727ef/c6acb352-e75e-472b-b857-edba3cc53563?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzg2MGU4M2FlLTA1ZjAtNGM0Yi1iZDkzLThhNGI4ZDI1MTgzNi85NmFlYWE1Mi1mODJkLTQ1N2ItOWE2ZS0yZjU2ZTNjNzI3ZWYvYzZhY2IzNTItZTc1ZS00NzJiLWI4NTctZWRiYTNjYzUzNTYzIiwiaWF0IjoxNzIyNDI4NDgyLCJleHAiOjMzMjkyOTg4NDgyfQ.5pPgoXKSXYpJ6Tsd0uNBUZphL9m_boN2_yeTVKwBT7Y "=3024x")

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.