Create a reusable angular based wizard

Registered by Travis Tripp on 2014-11-25

Summary:
Create a reusable angular based wizard

Motivation:
The initial driving motivation is to redesign the launch instance wizard based on a modern, responsive design that is based on client side rendering using angular.

This was discussed in numerous sessions at the Kilo summit that the right direction going forward is to move this to client-side. AngularJS appears to be the first choice primarily because of its structure and MVW framework.

Although the desired target is launch instance, we want to separate out the basic wizard with a reusable framework in angular that will first be used to prove out very simple workflows, perhaps network creation. This will enable easier reviews and cleaner separation. We will co-develop it with the more complicated launch instance work, but will ensure good separation is maintained.

Description:

The wizard will be as lightweight as possible, but still allow for customizable text, localization, customizable per-worfklow number of steps.

Links to discussions at summit:
UX discussion: https://etherpad.openstack.org/p/kilo-horizon-ux
Contributors meetup: https://etherpad.openstack.org/p/kilo-horizon-contributors-meetup

Interactive tutorial on AngularJS:
http://campus.codeschool.com/courses/shaping-up-with-angular-js/

UX:
The UX will support the experience being developed for launch instance:
https://blueprints.launchpad.net/horizon/+spec/launch-instance-redesign

Outside Dependencies:
None

Requirements Update Required:
Angular 1.2.x (Max)
Jasmine 2.x (Max)
Others as determined by angular discussions happening in the community.

Doc Impact:
None

Blueprint information

Status:
Complete
Approver:
David Lyle
Priority:
High
Drafter:
Travis Tripp
Direction:
Approved
Assignee:
Shaoquan Chen
Definition:
Approved
Series goal:
Accepted for kilo
Implementation:
Implemented
Milestone target:
milestone icon 2015.1.0
Started by
Travis Tripp on 2014-11-25
Completed by
Shaoquan Chen on 2015-02-06

Related branches

Sprints

Whiteboard

Gerrit topic: https://review.openstack.org/#q,topic:bp/initial-reusable-angular-wizard,n,z

Addressed by: https://review.openstack.org/137417
    Change topic and description format for this patch.

Addressed by: https://review.openstack.org/142880 -- abandoned
    Create a reusable angular based wizard

Addressed by: https://review.openstack.org/145961 -- abandoned
    Reusable angular based help sidebar

Addressed by: https://review.openstack.org/146232 -- demo only, not meant to merge
    Angular wizard widget demo

Addressed by: https://review.openstack.org/148031 -- merged
    angular based help-panel widget

Gerrit topic: https://review.openstack.org/#q,topic:demo-patch-help-panel-usage,n,z

Gerrit topic: https://review.openstack.org/#q,topic:help-panel-demo,n,z

Addressed by: https://review.openstack.org/152314 -- merged
    fix bug - failed loading external angular templates

(?)

Work Items

Dependency tree

* Blueprints in grey have been implemented.

This blueprint contains Public information 
Everyone can see this information.