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

Show if dag page filters are active #38080

Merged
merged 4 commits into from Mar 14, 2024

Conversation

bbovenzi
Copy link
Contributor

It is not always obvious that we have active filters on the DAG page. We should make it more obvious so users are less confused.

Clear button is disabled if no filters:
Screenshot 2024-03-12 at 9 56 53 AM

Clear button is active and the active filter has a blue border color:
Screenshot 2024-03-12 at 9 56 58 AM

Also a minor styling fix (before and after):
Screenshot 2024-03-12 at 9 57 18 AM
Screenshot 2024-03-12 at 9 57 07 AM


^ 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.

@bbovenzi bbovenzi added this to the Airflow 2.9.0 milestone Mar 12, 2024
@boring-cyborg boring-cyborg bot added area:UI Related to UI/UX. For Frontend Developers. area:webserver Webserver related Issues labels Mar 12, 2024
Copy link
Contributor

@jscheffl jscheffl left a comment

Choose a reason for hiding this comment

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

One glitch found in testing, one question, otherwise - LIKE! LGTM after the small fix)

airflow/www/static/js/dag/nav/FilterBar.tsx Outdated Show resolved Hide resolved
airflow/www/static/js/dag/nav/FilterBar.tsx Show resolved Hide resolved
@bbovenzi
Copy link
Contributor Author

Moved the Number of Runs input to be separate from the real filters:

Screenshot 2024-03-13 at 8 49 25 AM

Copy link
Contributor

@jscheffl jscheffl left a comment

Choose a reason for hiding this comment

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

LGTM!

@bbovenzi bbovenzi merged commit 0727d0e into apache:main Mar 14, 2024
53 checks passed
@bbovenzi bbovenzi deleted the show-if-dag-page-filters-are-active branch March 14, 2024 01:31
drajguru pushed a commit to drajguru/airflow that referenced this pull request Mar 14, 2024
* Show users when Dag page filters are active

* keep border color on hover

* Clear filter button only for baseDate,runType,runState

* Make number of runs separate from filters
@ephraimbuddy ephraimbuddy added the type:improvement Changelog: Improvements label Mar 14, 2024
howardyoo pushed a commit to howardyoo/airflow that referenced this pull request Mar 18, 2024
* Show users when Dag page filters are active

* keep border color on hover

* Clear filter button only for baseDate,runType,runState

* Make number of runs separate from filters
howardyoo pushed a commit to howardyoo/airflow that referenced this pull request Mar 31, 2024
* Show users when Dag page filters are active

* keep border color on hover

* Clear filter button only for baseDate,runType,runState

* Make number of runs separate from filters
utkarsharma2 pushed a commit to astronomer/airflow that referenced this pull request Apr 22, 2024
* Show users when Dag page filters are active

* keep border color on hover

* Clear filter button only for baseDate,runType,runState

* Make number of runs separate from filters
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.

None yet

3 participants