After user clicks "Create service instance", there's no feedback about success or failure

[brittag]

Currently when you go to an org's Marketplace and fill out the "Create service instance" form, you click the final "Create service instance" button, and then the form disappears. You don't get feedback on whether you successfully created the instance, and you don't get instructions for what to do next.

Let's add helpful feedback here, so that users know that it worked (and what to do next). After successful creation, let's provide a note saying something like this:

• name service instance is now available in name space, which is in your name organization. You can bind that service instance to an app using the command line.

Or after an unsuccessful effort at creation, something like this:

• Something went wrong while creating this service instance. Let us know at cloud-gov-support@gsa.gov (or #cloud-gov-support if you're in 18F), and we'll figure out what happened. You can also try using the command line to create a service instance.

Some notes from Slack:

• Feeling hesitant to tackle before we work on marketplace page, but maybe I'll check out current usage in GA
• From analytics, opening the “create service instance” form has been done by 10 users 17 times total since Sept 1st. (as of ~12/2)
• So, it happens to be the most popular event we track, but not by a lot

Notes from subsequent discussion:

• Do we have patterns for this? Bound route indicator when it fails
• Editing app limits is a major change
• UI doesn’t have a good way to indicate that this is happening
• Would be good to say whether or not the action is in progress/has completed, maybe display the text success
• Indicator that action has happened
• Services panel so you can see service instance has been added

Implementation notes:

• We'll plan on an MVP version to fix this for now, replacing "create service instance" button on success or failure with an appropriate message/dialog ("your service instance has been created" or error state with opportunity to try again or cancel) (@thisisdano will paste some screens here)
• Could follow model for loading messages

Acceptance criteria:

• When clicking "Create service instance," appropriate messaging/dialog is displayed

[thisisdano]

This is a component of #763

[suprenant]

Thinking of waiting on this until this page is further developed.

[suprenant]

@thisisdano @vz3: @msecret and I just discussed this. Given that we won't be picking up the Marketplace page in this PI, what are your thoughts of designing an MVP success/failure state that could be included in the current page here?

[thisisdano]

From the marketplace prototype:

---

Button default state

---

Buttons replaced with loading indicator

---

Success message appears. In success case, the action panel could be removed after ~2sec.

---

Or an error message, with an opportunity to try again, or to cancel. (Error message should be more verbose, descriptive than this "friendly" one.

[adborden]

This was completed by #944

[adborden]

👍 confirmation appears after success.

[brittag]

I just tried this on staging, and this confirmation of success seems to disappear after only a couple of seconds. Could it stick around until it gets dismissed?

Also the created message gets a few extra capital letters due to styling (they're not in the code here).

[adborden]

That suggestion sounds good to me. I agree it kind of flashes with limited time to read and comprehend it. I'd put that in a new issue though. I think there are a few issues hanging around regarding messaging for success/failure and forms.

[brittag]

Thanks, filed a new issue here: #991