Use Angular Schema Form in Horizon

Registered by Rob Cresswell on 2016-08-01

Add the Angular Schema Form (http://schemaform.io/) library to Horizon, with a Horizon decorator that respects bootstrap markup but also allows for customisable fields, translation, and any Horizon specific widgets.

Motivation
========
Form and workflow creation in the current angular framework in Horizon is quite fragmented and verbose. No widgets or fields are reused, meaning any fixes or customisation have to occur on every individual use of a field (i.e. a text input). This will not scale, leads to poor consistency, and makes any fixes or improvements a laborious task.

Description
=========
- Create xstatic packages for angular-schema-form and any dependencies
- Add these packages to global-requirements
- Add these packages to Horizon requirements
- Initialise the library and add a custom decorator for Horizon fields

UX
===
The new fields must use bootstrap markup and classes.

Wireframes, Mocks, Videos and UI Markup
---------------------------------------------------------
See an example here: http://schemaform.io/examples/bootstrap-example.html

Testing
======
Standard unit testing of added functionality.

Outside Dependencies
==================

Requirements Update Required
=======================
New xstatic packages must be added to global-requirements and horizon requirements file

Doc Impact
=========
Usage within Horizon should be documented, but we can mostly refer to the existing library documentation and example page, which are fairly thorough.

Blueprint information

Status:
Complete
Approver:
Rob Cresswell
Priority:
High
Drafter:
Rob Cresswell
Direction:
Approved
Assignee:
Rob Cresswell
Definition:
Approved
Series goal:
Accepted for 10.0.0-newton
Implementation:
Implemented
Milestone target:
milestone icon newton-3
Started by
Rob Cresswell on 2016-08-01
Completed by
Rob Cresswell on 2016-08-09

Related branches

Sprints

Whiteboard

Global requirements: https://review.openstack.org/#/c/346529/

Demo usage in complex workflow: https://review.openstack.org/#/c/348969

Gerrit topic: https://review.openstack.org/#q,topic:schema-form,n,z

Addressed by: https://review.openstack.org/332745
    Add Angular Schema Form

Gerrit topic: https://review.openstack.org/#q,topic:bp/angular-schema-form,n,z

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

Addressed by: https://review.openstack.org/348000
    Schema Form Developer Panel

Addressed by: https://review.openstack.org/358984
    Migrate Create Container to schema form

Addressed by: https://review.openstack.org/359349
    Schema Form Developer Panel

(?)

Work Items

This blueprint contains Public information 
Everyone can see this information.

Subscribers

No subscribers.