syndesisio / syndesis-ui

The front end application or UI for Syndesis - a flexible, customizable, cloud-hosted platform that provides core integration capabilities as a service. It leverages Red Hat's existing product architecture using OpenShift Online/Dedicated and Fuse Integration Services.
https://syndesis.io/
14 stars 28 forks source link

Drill down to connection page from an integration definition page #673

Closed rhuss closed 7 years ago

rhuss commented 7 years ago

When looking at an existing integration, only the connector type (via icon) and the action chosen can be seen, real connection behind it is seen only via tooltip.

A cross link to the connection detail page would be awesome so that the configuration of this connection could be examined.

would this make sense from a ux perspective, too ?

gashcrumb commented 7 years ago

I think it'd make sense from the integration detail page once we have one. Not sure where the link would go if we're in the editor.

Also I'd definitely hold off on this one until we're regularly synchronizing state with the backend, as currently all your edits would be lost.

gashcrumb commented 7 years ago

@syndesisio/design-ux FYI...

dongniwang commented 7 years ago

Are you talking about this? image

From the design, it's only showing the Connection Title, not the action. See InVision file below: https://redhat.invisionapp.com/share/VQ8UZ7PCE#/224783021_IPaaS_CreateIntegration_MultiStep-pdf_2

Which one is more valuable, or should we actually show both? Also, the icons are supposed to tell users what kind of connection they are using.

A cross link to the connection detail page would be awesome so that the configuration of this connection could be examined.

What do you mean by this? Add a link to the circle icon so when users click on the icon, they get to the connection details page?

sjcox-rh commented 7 years ago

yeah I agree with @gashcrumb and think the connection details would be valuable within the integration details page rather than within the integration flow. Clicking on a link to view connection details would interrupt the workflow of creating an integration, I think. @rhuss

rhuss commented 7 years ago

I'm totally fine with drilling down from an integration to a connection from the details page

The only thing I found a bit hidden is the name of the connection as it is only shown in a tooltip when hovering over the (twitter) icon.

gashcrumb commented 7 years ago

Yeah, I think the reason why the connection name wound up in a tooltip is due to the length of the action name + the connection name. For example Salesforce Create/Update Contact is a bit lengthy for the available space in the scope of the design. And actually, it' a user-created connection name, so it could be a string like Our Marketing Department Salesforce - Create/Update Contact which will never fit in that area properly.

dongniwang commented 7 years ago

So maybe the tooltip should also appear when hovering over the title (the gray bar where now shows the action)?

gashcrumb commented 7 years ago

Now that we have the integration detail page I think it makes sense to link from connections in the diagram of the integration to the connection detail page.