Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TableListView] Add URL state management #135203

Closed
sebelga opened this issue Jun 27, 2022 · 0 comments · Fixed by #145517
Closed

[TableListView] Add URL state management #135203

sebelga opened this issue Jun 27, 2022 · 0 comments · Fixed by #145517
Assignees
Labels
Component:TableListView Feature:Content Management User generated content (saved objects) management Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience)

Comments

@sebelga
Copy link
Contributor

sebelga commented Jun 27, 2022

As part of the UX improvement of the <TableListView /> component we will enhance the sorting and filtering capability of the table. We will need to be able to

  • define which column we want to sort + the direction with a select dropdown
  • sort by clicking on the table column header and in turn --> update the select dropdown
  • filter by tag either by clicking on a tag inside the table or from a dropdown

We also need to be able to have the same filtering capabilities through the search bar with a syntax (e.g tag:blue or to discard a tag -tag:green).

In order to achieve that we need a central place to store the sorting and filtering state of the table to act as source of truth. The best place for that is the URL. This will not only allow to implement the above requirements but also to deeplink to a specific state of the table list view.

State that will be stored in the URL

  • sortCol (e.g. "name", "updatedAt")
  • sortOrder (e.g. "asc", "desc")
  • filter (probably using the lang of the search bar. e.g. tag:blue)
  • search (the search term)
  • selectedItem (the id of the selected item. This will allow us to display the inspector in the Flyout if it is defined)
@sebelga sebelga added Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) Feature:Content Management User generated content (saved objects) management labels Jun 27, 2022
@sebelga sebelga self-assigned this Jun 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component:TableListView Feature:Content Management User generated content (saved objects) management Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience)
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants