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

Update graph styling #829

Merged
merged 16 commits into from
Feb 21, 2019
Merged

Conversation

rileyjbauer
Copy link
Contributor

@rileyjbauer rileyjbauer commented Feb 15, 2019

These changes affect both the static and runtime graphs.

In addition to the styling changes, the graphs now highlight inbound and outbound edges from nodes when the user hovers over them.

Old styling:
image

New styling (with a node selected):
image


This change is Reviewable

@rileyjbauer
Copy link
Contributor Author

/test kubeflow-pipeline-e2e-test

frontend/src/components/Graph.tsx Outdated Show resolved Hide resolved
frontend/src/components/Graph.tsx Outdated Show resolved Hide resolved
frontend/src/components/Graph.tsx Outdated Show resolved Hide resolved
frontend/src/Css.tsx Outdated Show resolved Hide resolved
frontend/src/components/Graph.tsx Outdated Show resolved Hide resolved
frontend/src/lib/StaticGraphParser.ts Outdated Show resolved Hide resolved
frontend/src/pages/PipelineDetails.tsx Outdated Show resolved Hide resolved
frontend/src/pages/Status.tsx Outdated Show resolved Hide resolved
frontend/src/pages/Status.tsx Outdated Show resolved Hide resolved
frontend/src/pages/Status.tsx Show resolved Hide resolved
Copy link
Contributor

@yebrahim yebrahim left a comment

Choose a reason for hiding this comment

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

/lgtm

frontend/src/components/Graph.tsx Outdated Show resolved Hide resolved
frontend/src/components/Graph.tsx Show resolved Hide resolved
@k8s-ci-robot k8s-ci-robot added lgtm and removed lgtm labels Feb 20, 2019
@yebrahim
Copy link
Contributor

/lgtm

@rileyjbauer
Copy link
Contributor Author

/test kubeflow-pipeline-e2e-test

@yebrahim
Copy link
Contributor

/approve

@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: yebrahim

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

1 similar comment
@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: yebrahim

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

@k8s-ci-robot k8s-ci-robot merged commit a8b9107 into kubeflow:master Feb 21, 2019
@k8s-ci-robot
Copy link
Contributor

@rileyjbauer: The following test failed, say /retest to rerun them all:

Test name Commit Details Rerun command
kubeflow-pipeline-e2e-test fb9ecf3 link /test kubeflow-pipeline-e2e-test

Full PR test history. Your PR dashboard. Please help us cut down on flakes by linking to an open issue when you hit one in your PR.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository. I understand the commands that are listed here.

cheyang pushed a commit to alibaba/pipelines that referenced this pull request Mar 28, 2019
* Updates styling for the graphs

* Break all diagonal edges into vertical and horizontal components

* Checkpointing. A lot of minor adjustments being made

* Change graph rendering to only use horizontal and vertical lines for
edges. Previously diagonal edges are converted into two vertical edges
and one horiztonal

* Small cleanup

* Hovering over node now highlights all incoming and outgoing edges, as does selecting a node

More fixes, stop stacking starting edges

* Clean up

* Remove edge starting circle code

* Returns the DAG to using arbitrary angles rather than right angles

* Adds small vertical segment to end of all edges

* Significant clean up and updating tests

* A little more clean up and adding tests for the new Status util function

* One more test for Status

* Increase node font weight

* PR comments

* A little more cleanup in Graph
@rileyjbauer rileyjbauer deleted the update-graph-style branch May 6, 2019 22:17
Linchin pushed a commit to Linchin/pipelines that referenced this pull request Apr 11, 2023
* test(kfp): Move kfp test infra to kfp-ci project

* fix

* switch project
magdalenakuhn17 pushed a commit to magdalenakuhn17/pipelines that referenced this pull request Oct 22, 2023
* Add kfdef type on issue template

* Add KFServing debugging guide

* Fix docs

* Add request flow debugging

* Add debug commands

* Add performance debugging

* Add tracing image

* Add link to main README

* Istio ingress probe fix instruction

* Apply suggestions from code review

Co-authored-by: Animesh Singh <singhan@us.ibm.com>

* Address review comments

Co-authored-by: Animesh Singh <singhan@us.ibm.com>
HumairAK pushed a commit to red-hat-data-services/data-science-pipelines that referenced this pull request Mar 11, 2024
…eflow#829)

* cos-logger as a separate module.

* temp

* temporary hack: using scrapcodes as repository.

* correction of import in README.md

* found a golang trick to use local packages.

* naming changes

* renaming update to README.md
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.

4 participants