Wizard UI for workflow modal dialog

Registered by Toshiyuki Hayashi

This BP implements wizard UI for modal workflow dialog.

[Screenshot]
https://dl.dropboxusercontent.com/u/7098/openstack/wizard.png

[Demo movie]
http://www.youtube.com/watch?v=uCmhI0fbDYg&feature=youtu.be

Wizard UI is better to proceed and understand the tasks users should do.
This feature enhances the UX of modal workflow dialog.

Blueprint information

Status:
Complete
Approver:
David Lyle
Priority:
Medium
Drafter:
Toshiyuki Hayashi
Direction:
Needs approval
Assignee:
Radomir Dopieralski
Definition:
Discussion
Series goal:
Accepted for icehouse
Implementation:
Implemented
Milestone target:
milestone icon 2014.1
Started by
David Lyle
Completed by
David Lyle

Related branches

Sprints

Whiteboard

Gerrit topic: https://review.openstack.org/#q,topic:bp/implements,n,z

Addressed by: https://review.openstack.org/54218
    Wizard UI for Workflow

[hayash | 10-27-2013]
I just uploaded the wip code. In the current implementation, if you set wizard property as True in the Workflow class, wizard will be activated.

The following are issues I think it should be solved or considered for now.

- Using bootstrap-wizard plugin for this prototyping:
https://github.com/VinceG/twitter-bootstrap-wizard
But it might be better to create Horizon own because the plugin might be too much and I think it is easy to implement the same feature by us.

- Using server side Ajax validation
May be there are a few options instead of this:
-- jQuery Validation Plugin http://jqueryvalidation.org/
-- Using other library
-- Creating Horizon original

[hayash | 11-19-2013]
We should think about that which workflow should be applied "wizard mode". Let's discuss!
http://ask-openstackux.rhcloud.com/question/81/wizard-ui-for-workflow/

[david-lyle 11.23.2013] Seems like there's still some discussion to be had. Moving to I-2.

Addressed by: https://review.openstack.org/64644
    Wizard UI for Workflow

Gerrit topic: https://review.openstack.org/#q,topic:bp/image-flavor-selection-ux-enhancement,n,z

Addressed by: https://review.openstack.org/#/c/63078/
    Changed LaunchInstance workflow to wizard mode

Gerrit topic: https://review.openstack.org/#q,topic:bp/wizard-ui-for-workflow,n,z

Addressed by: https://review.openstack.org/64839
    restyle wizard using theme from fuelux (adapted)

(?)

Work Items