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

feat(ui): Improve UX when filtering applications (#4403) #4622

Merged
merged 2 commits into from
Oct 29, 2020

Conversation

tetchel
Copy link
Contributor

@tetchel tetchel commented Oct 20, 2020

  • When application filters are active, show a badge with # filters and a button to clear them
  • When no matching applications are found, provide a button to clear filters
  • Styling updates to application filters UI

Signed-off-by: Tim Etchells [email protected]

Checklist:

  • Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
  • The title of the PR states what changed and the related issues number (used for the release note).
  • I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
  • Does this PR require documentation updates?
  • I've updated documentation as required by this PR.
  • Optional. My organization is added to USERS.md.
  • I've signed the CLA and my build is green (troubleshooting builds).

Fixes #4403

@tetchel tetchel changed the title feat: Improve UX when filtering applications feat: Improve UX when filtering applications (#4403) Oct 20, 2020
@tetchel
Copy link
Contributor Author

tetchel commented Oct 20, 2020

image

image

@tetchel tetchel force-pushed the improveAppsFilter branch 3 times, most recently from 4c6f801 to ffad846 Compare October 21, 2020 14:29
@tetchel tetchel changed the title feat: Improve UX when filtering applications (#4403) feat(ui): Improve UX when filtering applications (#4403) Oct 21, 2020
- When application filters are active, show a badge with # filters and a button to clear them
- When no matching applications are found, provide a button to clear filters
- Styling updates to application filters UI

Signed-off-by: Tim Etchells <[email protected]>
Copy link
Collaborator

@alexmt alexmt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome changes @tetchel . Found one issue ( details in comment ). Let me know please if you need help fixing it.

<i
className='fa fa-times'
onClick={() => {
AppsListPreferences.clearFilters(this.props.pref);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've reproduced a bug.

  1. Navigate to the applications list
  2. Add project filter
  3. Click "Clear filters"

Projects tags input control keep showing the selected project. I think this is an old bug in https://github.com/argoproj/argo-cd/blob/master/ui/src/app/shared/components/tags-input/tags-input.tsx

getDerivedStateFromProps() handler is missing and component does not support changing input

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe I've fixed it - I should have noticed that one when testing.

Signed-off-by: Tim Etchells <[email protected]>
Copy link
Collaborator

@alexmt alexmt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Thank you!

@alexmt alexmt merged commit 0767dff into argoproj:master Oct 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tiles view should offer link to clear filters
2 participants