Skip to content

Add multiselect to run state in grid view#35403

Merged
pierrejeambrun merged 8 commits into
apache:mainfrom
vchiapaikeo:vchiapaikeo/k8s-cncf-check-v3
Dec 1, 2023
Merged

Add multiselect to run state in grid view#35403
pierrejeambrun merged 8 commits into
apache:mainfrom
vchiapaikeo:vchiapaikeo/k8s-cncf-check-v3

Conversation

@vchiapaikeo

@vchiapaikeo vchiapaikeo commented Nov 3, 2023

Copy link
Copy Markdown
Contributor

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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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

vchiapaikeo commented Nov 18, 2023

Copy link
Copy Markdown
Contributor Author

Great. Still need to do some work on tests.

@vchiapaikeo vchiapaikeo force-pushed the vchiapaikeo/k8s-cncf-check-v3 branch from b939ef4 to 7ef33e0 Compare November 18, 2023 13:22
@vchiapaikeo

Copy link
Copy Markdown
Contributor Author

Latest demo:

multiselect-demo2.mov

@potiuk

potiuk commented Nov 18, 2023

Copy link
Copy Markdown
Member

Nice!

@vchiapaikeo vchiapaikeo force-pushed the vchiapaikeo/k8s-cncf-check-v3 branch from b77aa83 to b98dfca Compare November 19, 2023 16:12

@eladkal eladkal left a comment

Copy link
Copy Markdown
Contributor

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

eladkal commented Nov 24, 2023

Copy link
Copy Markdown
Contributor

cc @bbovenzi can we merge?

Comment thread airflow/www/views.py Outdated

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

JS code looks good

Comment thread airflow/www/static/js/api/useGridData.ts Outdated
@vchiapaikeo vchiapaikeo force-pushed the vchiapaikeo/k8s-cncf-check-v3 branch from 0fa54a4 to 2a4d949 Compare November 29, 2023 15:08
@vchiapaikeo

Copy link
Copy Markdown
Contributor Author

Latest demo:

multiselect.mov

@vchiapaikeo

Copy link
Copy Markdown
Contributor Author

I think we are good to merge here.

@vchiapaikeo vchiapaikeo force-pushed the vchiapaikeo/k8s-cncf-check-v3 branch from 2a4d949 to 777580f Compare December 1, 2023 14:48
@pierrejeambrun

Copy link
Copy Markdown
Member

Nice, thank you!

@pierrejeambrun pierrejeambrun merged commit 9e28475 into apache:main Dec 1, 2023
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