Skip to content

Feature: Auto-refresh Graph view chart - #11534

Merged
kaxil merged 2 commits into
apache:masterfrom
astronomer:graph_auto_refresh
Oct 15, 2020
Merged

Feature: Auto-refresh Graph view chart#11534
kaxil merged 2 commits into
apache:masterfrom
astronomer:graph_auto_refresh

Conversation

@ryanahamilton

Copy link
Copy Markdown
Contributor
  • Ties in to (and keeps) the existing manual refresh to trigger automatically every 3 seconds
  • Auto-refresh is turned on by default. If turned "off", that preference is stored in localStorage and will be "off" for any subsequent visits to the Graph view of this and any other DAG.
  • Added a new "loading dots" visual feedback to indicate to the user when an update is occurring. This replaced the previous spinner GIF.

In action:

Screen Recording 2020-10-14 at 05 04 57 PM


^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code change, 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 UPDATING.md.

@boring-cyborg boring-cyborg Bot added the area:webserver Webserver related Issues label Oct 14, 2020
@kaxil

kaxil commented Oct 14, 2020

Copy link
Copy Markdown
Member

This is awesome 🚀

@ashb

ashb commented Oct 14, 2020

Copy link
Copy Markdown
Member

Is it worth removing the opacity overlay when refreshing too?

@github-actions

Copy link
Copy Markdown
Contributor

The Workflow run is cancelling this PR. It has some failed jobs matching ^Pylint$,^Static checks$,^Build docs$,^Spell check docs$,^Backport packages$,^Checks: Helm tests$,^Test OpenAPI*.

@ryanahamilton

ryanahamilton commented Oct 14, 2020

Copy link
Copy Markdown
Contributor Author

@ashb I refactored it a bit in this PR… Previously the containing gray box had its opacity reduced and it was a bit janky when paired with the GIF overlay. I updated it so that just the SVG element within the gray box had its opacity reduced more subtly when updating (it looks smoother IRL than the PR GIF).

@dimberman
dimberman self-requested a review October 14, 2020 23:30

@dimberman dimberman 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.

God I am so f-ing ready for this 🍾

Comment thread airflow/www/templates/airflow/graph.html Outdated
Comment thread airflow/www/templates/airflow/graph.html Outdated
Comment thread airflow/www/templates/airflow/graph.html Outdated

@kaxil kaxil left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Tested it out, love it.

One of the things we could do in another PR is only auto-refresh if the DagRun is in "running" state

@kaxil
kaxil merged commit 13959df into apache:master Oct 15, 2020
@kaxil
kaxil deleted the graph_auto_refresh branch October 15, 2020 13:46
@ryanahamilton ryanahamilton added the area:UI Related to UI/UX. For Frontend Developers. label Nov 18, 2020
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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants