Show possible next steps on detail pages

Registered by Justin Pomeroy

Summary
=======
When viewing the details of a resource in the dashboard the user can be presented with a group of "next steps." These would be actions that the user might want to perform on the resource but they would be presented with a description that explains why the user would take that action and they would be rendered as a group of tiles.

Motivation
========
Let's use the Load Balancers panel as an example. After creating a new load balancer the user is taken to the detail page. Now what? Should they assign a floating IP address? Create another listener? Do they want to use L7 policies and create another pool? This can be very confusing and likely force users to search for some documentation. It would be nice to have these actions explained to the user right on the detail page so they can decide what next step they might want to take.

Description
=========
Angular actions can currently be rendered as either "row" or "batch" actions. This would introduce a third way to render them, probably "detail." The actions being rendered as "detail" actions should each have a title and description property:

{
    service: createListener,
    template: {
        text: gettext('Create Listener'),
        title: gettext('Add another listener'),
        description: gettext('Create another listener to apply load balancing on a different port.')
    }
}

The title and description would be used to render the action as a tile (probably a bootstrap panel).

Example:
http://pasteboard.co/2NFG7Sof.png

UX
===
The design of the action "tiles" comes from similar features found in other products and should be somewhat generic enough that they can be themed without issue. Likely a bootstrap panel would be used.

Testing
======
Yes, there will be jasmine tests to test the new way of rendering actions. Nothing special here.

Outside Dependencies
==================
None

Requirements Update Required
========================
None

Doc Impact
=========
None

Blueprint information

Status:
Complete
Approver:
Rob Cresswell
Priority:
Low
Drafter:
Justin Pomeroy
Direction:
Approved
Assignee:
Justin Pomeroy
Definition:
Approved
Series goal:
Accepted for 10.0.0-newton
Implementation:
Implemented
Milestone target:
milestone icon newton-1
Started by
Justin Pomeroy
Completed by
Rob Cresswell

Related branches

Sprints

Whiteboard

Gerrit topic: https://review.openstack.org/#q,topic:bp/next-steps,n,z

Addressed by: https://review.openstack.org/301770
    Add support for detail actions

[TravT] My comment on this is that this is all just extra metadata on an action. I agree with adding a rendering template to the actions directive, but I would like to see this tie into the registry as well. The way I see it, we should also add the extra information to the action in the registry and potentially make this description info available on hover (title or popover) on the row actions as well.

Addressed by: https://review.openstack.org/304827
    Demo of Detail Action with NG Images

(?)

Work Items

This blueprint contains Public information 
Everyone can see this information.

Subscribers

No subscribers.