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

[UI] Circular progress for TFX visualization #3043

Merged
merged 6 commits into from
Feb 12, 2020

Conversation

Bobgy
Copy link
Contributor

@Bobgy Bobgy commented Feb 11, 2020

TFX visualization usually takes a long time, I implemented a circular progress to reduce the pain of not knowing how long to wait for it.

Demo: https://www.youtube.com/watch?v=avbPeIT7KyI

Changes

  • Refactor RunDetails to extract artifact side panel tab as an individual component
  • Let loading function report progress
  • Add the circular progress with animation

Problems fixed

In addition to the main purpose, this also fixed some leaking async behavior.
Fixes #3020

/area frontend
/kind feature


This change is Reviewable

@Bobgy
Copy link
Contributor Author

Bobgy commented Feb 11, 2020

/cc @Realsen
/cc @jingzhang36
As we discussed

@Bobgy
Copy link
Contributor Author

Bobgy commented Feb 12, 2020

/approve

@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: Bobgy

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@Bobgy
Copy link
Contributor Author

Bobgy commented Feb 12, 2020

Self approved, because already confirmed UX opinion.

1 similar comment
@Bobgy
Copy link
Contributor Author

Bobgy commented Feb 12, 2020

Self approved, because already confirmed UX opinion.

@k8s-ci-robot k8s-ci-robot merged commit 76f68a8 into kubeflow:master Feb 12, 2020
@Bobgy Bobgy deleted the fe_visualization_progress_bar branch February 12, 2020 04:40
Jeffwan pushed a commit to Jeffwan/pipelines that referenced this pull request Dec 9, 2020
* Parallelize viewer config fetching requests

* Get rid of constructor

* Viewer loading progress bar

* Adjust circular progress animation UX

* Polish UX and clean up code

* Update test snapshot
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI] TFX visualization panel shows up again by itself
2 participants