feature(dynamic-forms): introduction to dynamic-forms module. closes(#8)

[emoralesb05]

Description

Introducing new module @covalent/dynamic-forms module. (CovalentDynamicFormsModule) #8

<td-dynamic-forms>

Use element to generate a form dynamically.

Pass an array of javascript objects that implement [ITdDynamicElementConfig] with the information to be rendered to the [elements] attribute.

export interface ITdDynamicElementConfig {
  label?: string;
  name: string;
  type: TdDynamicType | TdDynamicElement;
  required?: boolean;
  min?: any;
  max?: any;
  default?: any;
}

Properties:

Supported TdDynamicType

• TdDynamicType.Text (renders md-input-container input type="text")
• TdDynamicType.Number (renders md-input-container input type="number")
• TdDynamicType.Boolean (renders md-slide-toggle)

Supported TdDynamicElement

• TdDynamicElement.Input (renders md-input-container input type="text")
• TdDynamicElement.Textarea (renders md-input-container textarea)
• TdDynamicElement.Slider (renders md-slider)
• TdDynamicElement.SlideToggle (renders md-slide-toggle)
• TdDynamicElement.Checkbox (renders md-checkbox)

Test Steps

• ng serve
• Go to http://localhost:4200/#/components/dynamic-forms
• See docs and demo.
• npm run test
• npm run tslint
• npm run build

Screenshots or link to CodePen/Plunker/JSfiddle

[kyleledbetter]

Is textarea supported now?

[emoralesb05]

It is now in beta.1. so we can include it too after #209 is merged.

[emoralesb05]

• Added thumbLabel to slider
• Added initial release of textarea.

[emoralesb05]

Note: there is a bug with the input type
angular/components#2428

[zmitry]

Will form array and form group (for inputs composing ) be supported soon ?

[emoralesb05]

Can you elaborate on what you mean by form array and form group?

Also, might be better to create an issue for this kinds of questions or feature requests.

[zmitry]

@emoralesb05
i mean that your can write your config for nested forms something like this.
http://pastebin.com/cxn5Gg8Z

also your can check my repo with array and group components
https://github.com/kraken97/angular-form

`