Skip to content

Conversation

@RoyLee1224
Copy link
Contributor

Related Issue

#50184
cc: @bbovenzi

Why

Issue #50184 highlights the need for click-to-navigate functionality for managing and debugging DAG runs, with a particular focus on long-running instances.

How

  • Add onClick for navigation to Dag run details
  • Add onHover for hover effect
click-to-navigate.mp4

^ 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 airflow-core/newsfragments.

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label May 9, 2025
@RoyLee1224 RoyLee1224 marked this pull request as draft May 9, 2025 20:16
Copy link
Member

@guan404ming guan404ming left a comment

Choose a reason for hiding this comment

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

Overall looks good! Two comments.

@RoyLee1224 RoyLee1224 marked this pull request as ready for review May 10, 2025 15:17
@RoyLee1224 RoyLee1224 marked this pull request as draft May 10, 2025 16:20
@RoyLee1224 RoyLee1224 force-pushed the feature/click-to-navigate-50184 branch from 66fbc26 to 28102a7 Compare May 10, 2025 17:54
@RoyLee1224
Copy link
Contributor Author

Implemented click-to-navigate for task instances as well.

TI_click-to-navigate.mp4

@RoyLee1224 RoyLee1224 marked this pull request as ready for review May 10, 2025 18:40
Copy link
Member

@guan404ming guan404ming left a comment

Choose a reason for hiding this comment

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

LGTM, 2 nits

@RoyLee1224 RoyLee1224 force-pushed the feature/click-to-navigate-50184 branch from 9f65ec1 to 21f0a79 Compare May 11, 2025 06:21
Copy link
Member

@guan404ming guan404ming left a comment

Choose a reason for hiding this comment

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

LGTM, thanks!

@RoyLee1224
Copy link
Contributor Author

Thanks for the detailed feedback!

@bbovenzi bbovenzi added this to the Airflow 3.0.2 milestone May 12, 2025
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.

Great work!

@bbovenzi bbovenzi merged commit 21ca3ce into apache:main May 12, 2025
42 checks passed
@RoyLee1224 RoyLee1224 deleted the feature/click-to-navigate-50184 branch May 14, 2025 20:53
kaxil pushed a commit that referenced this pull request Jun 3, 2025
* UI: implement navigation on bar click

* use default tooltip

* fix: remove unnecessary type assertion and add TI overview click-to-navigate function

* refactor: optimize hover handling in DurationChart

* nit:Use switch statement and extract common path

(cherry picked from commit 21ca3ce)
kaxil pushed a commit that referenced this pull request Jun 3, 2025
* UI: implement navigation on bar click

* use default tooltip

* fix: remove unnecessary type assertion and add TI overview click-to-navigate function

* refactor: optimize hover handling in DurationChart

* nit:Use switch statement and extract common path

(cherry picked from commit 21ca3ce)
sanederchik pushed a commit to sanederchik/airflow that referenced this pull request Jun 7, 2025
* UI: implement navigation on bar click

* use default tooltip

* fix: remove unnecessary type assertion and add TI overview click-to-navigate function

* refactor: optimize hover handling in DurationChart

* nit:Use switch statement and extract common path
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.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants