Code Monkey home page Code Monkey logo

connection-embed-sample's People

Contributors

graceliching avatar n0mid avatar th0r avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

connection-embed-sample's Issues

Change app URL

The app URL needs to be changed from workato-foo to not reflect Workato (and not foo :)). A couple of options below. I'm not sure what's available so a couple of options below.

  • blue-connect
  • blueconnect
  • blue.connect

Review issues

Hi Dima @n0mid, adding the issues I mentioned on Slack here for visibility. I have checked off the things that have been addressed. Thanks!

  • The size of the app logo, name and status is too small. Can we have it larger? Font size for app name should be 18px and status should be 12px
  • The size of the modal looks abit narrow, can we increase this from 500 to 600 px?
  • The iframe needs to show ‘Integrations powered by Workato’ tag
  • Can we remove ‘Connection name’ from the widget? Only the fields required to connect are needed. Where it says ‘Zendesk’ now, we should pull the connection name from the API. (ie. the connection is named on Workato UI and transferred to this widget)
  • Small edit here — the ‘Contact blue’ button and ‘Documentation’ button on the help section is in a different font and it should have the link icon behind the text
  • There should be a favicon (it’s in the latest sketch file)

Load times for connection

It seems like the connections take a long time to load even before our spinner/loading animation can be seen. At times, the screen looks like this for a few seconds after you click on each app:

image
If possible, can we pre-load the connection status and fields before actually clicking on the app itself? Or if needed, we can show a message that tells the user the fields are loading so that it doesn't look like an error.

Disconnected/connected states

Currently, the apps all appear this way when connected/disconnected:
image

We should load the statuses (authorization_status) when this drawer is opened (also see #2 for load times for connection) and display it in the order disconnected > connected.

Connected apps should also show the time connected -- the design is in the sketch file, but I changed the red colour to orange #E67009.
image

This happens in the current app where the connection is displayed as disconnected at first and then changes to connected when it actually loads.
Nov-04-2019 11-31-25

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.