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

Add multiselect to run state in grid view #35403

Merged

Conversation

vchiapaikeo
Copy link
Contributor

@vchiapaikeo vchiapaikeo commented Nov 3, 2023

closes: #34795

multi-select-grid-view.mov
test-search-params.mov

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

@boring-cyborg boring-cyborg bot added area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels Nov 3, 2023
@vchiapaikeo vchiapaikeo force-pushed the vchiapaikeo/k8s-cncf-check-v3 branch 2 times, most recently from 0897dd3 to b7f5db6 Compare November 6, 2023 18:25
@bbovenzi
Copy link
Contributor

Nice. I wonder if listing all of the options by default is the best UX, vs leaving it empty and showing all states.

@vchiapaikeo
Copy link
Contributor Author

Yes, good point. I could even sub it for something like "All Run States". Will get a demo out showing that as well.

Also, what do you think about doing the same for run types? And are you okay with the way it is serialized as a csv with the bulk of the manipulation logic on the JSX side?

@bbovenzi
Copy link
Contributor

Yes, good point. I could even sub it for something like "All Run States". Will get a demo out showing that as well.

Also, what do you think about doing the same for run types? And are you okay with the way it is serialized as a csv with the bulk of the manipulation logic on the JSX side?

"All run states" sounds great. Let's do both run state and run type. I think the logic in the PR now looks good.

@vchiapaikeo
Copy link
Contributor Author

vchiapaikeo commented Nov 18, 2023

Great. Still need to do some work on tests.

@vchiapaikeo
Copy link
Contributor Author

Latest demo:

multiselect-demo2.mov

@potiuk
Copy link
Member

potiuk commented Nov 18, 2023

Nice!

Copy link
Contributor

@eladkal eladkal left a comment

Choose a reason for hiding this comment

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

Nice!!

@eladkal eladkal added this to the Airflow 2.8.0 milestone Nov 24, 2023
@eladkal eladkal added the type:improvement Changelog: Improvements label Nov 24, 2023
@eladkal
Copy link
Contributor

eladkal commented Nov 24, 2023

cc @bbovenzi can we merge?

Copy link
Contributor

@bbovenzi bbovenzi left a comment

Choose a reason for hiding this comment

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

JS code looks good

@vchiapaikeo
Copy link
Contributor Author

Latest demo:

multiselect.mov

@vchiapaikeo
Copy link
Contributor Author

I think we are good to merge here.

@pierrejeambrun
Copy link
Member

Nice, thank you!

@pierrejeambrun pierrejeambrun merged commit 9e28475 into apache:main Dec 1, 2023
47 checks passed
ephraimbuddy pushed a commit that referenced this pull request Dec 5, 2023
* Add multiselect to run state in grid view

* Fix tests

* Multiselect for run types, UI nits, refactor

* Fix tests, refactor

* Simplify multiselect value

* Nits and refactor

* Use arrays instead of serializing to csv

* Fix tests and global axios paramsSerializer to null

(cherry picked from commit 9e28475)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues type:improvement Changelog: Improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Support multi-select state filtering on grid view
5 participants