Closes #1944 ## Changes - Pagination stores page number in url search params, rather than internal state, allowing going back to a specific page in a list - Pagination navigation pushes to history stack, and listens to history changes to be able to respond to browser history navigation (back/forward) - Search parameter reactive controller powers pagination component - Pagination component allows for multiple simultaneous paginations via custom `name` property ## Manual testing 1. Log in as any role 2. Go to one of the list views on an org with enough items in the list to span more than one page 3. Click on one of the pages, and navigate back in your browser. The selected page should respect this navigation and return to the initial numbered page. 4. Navigate forward in your browser. The selected page should respect this navigation and switch to the numbered page from the previous step. 5. Click on a non-default page, and then click on one of the items in the list to go to its detail page. Then, using your browser's back button, return to the list page. You should be on the same numbered page as before. --------- Co-authored-by: sua yoo <sua@suayoo.com> |
||
---|---|---|
.. | ||
.husky | ||
config | ||
docs | ||
lib | ||
patches | ||
public | ||
scripts | ||
src | ||
tests | ||
xliff | ||
.dockerignore | ||
.editorconfig | ||
.eslintrc.js | ||
.gitignore | ||
.prettierignore | ||
.vscode | ||
.yarnrc | ||
00-browsertrix-nginx-init.sh | ||
Dockerfile | ||
frontend.conf.template | ||
index.d.ts | ||
lit-localize.json | ||
minio.conf | ||
package.json | ||
playwright.config.ts | ||
postcss.config.js | ||
prettier.config.js | ||
README.md | ||
sample.env.local | ||
tailwind.config.js | ||
tsconfig.eslint.json | ||
tsconfig.json | ||
vendor.webpack.config.js | ||
web-test-runner.config.mjs | ||
webpack.config.js | ||
webpack.dev.js | ||
webpack.prod.js | ||
yarn.lock |