Angular 5+

Support for the newest versions of Angular.

AoT

Ahead of Time compilation support and examples created with Angular CLI.

Nested Forms, better DORF

CORE

• (!)(-) AbstractDorfFormComponent deleted (it was deprecated for some time)

• (!)(*) file structure changed, separate files for definition, metadata

• (!)(-) no type needed when configuring by annotations

• (!)(*) DorfTag renamed to DorfField, CSS for field directly within DorfField
• (!)(*) additionalMetadataKinds changed to dorfFields; used for defining new fields AND modifying existing ones (e.g. different metadata, CSS)

• (!)(+) CSS classes supported on additional levels (on dorf-field-wrapper, on dorf-field and inside dorf-field, for each field component)

• (!)(*) simpler structure of CSS defined in the DorfConfigService

• (!)(-) isButtonVisible removed from DorfConfigService

• (!)(*) many improvements in the core of the library, e.g. simplified field definition, thanks to dorf-field-wrapper with a common part

• (!)(+) DorfLabelComponent extracted from DORF fields

• (!)(-) DorfForm annotation simplified, no option for columns at this level

• (*) DorfMapper simplified

• (+) base classes for definition and metadata, shared across fields and nested objects
• (+) DorfFieldsModule extracted for things connected with built-in fields
• (+) new form rendering options (no buttons)
• (+) asyncOptions and the possibility to change them

• (*) fields are always grouped (sometimes just 1 element in a group)

Nested Objects (v3 goal):

• (+) DorfGroupWrapperComponent, DorfNestedDefinition, DorfNestedMetadata
• (+) transparentFlow and number of columns support for nested objects

Examples:

• (*) examples matched with the newest library version
• (*) Bootstrap example for fields in 2 columns

INFRA

• (*) TypeScript 2.2, Angular 4

• (+) Travis CI

IDorfFormOptions

Features

• @DorfForm can be used withIDorfFormOptions
  • grouping many fields (with their labels and errors) in a one section
  • passing tags/html for supporting new fields in the DORF template

Bugfixes

• fix for a disabled checkbox

Examples

• new-field shows the simplification in action. There is no custom HTML template, but there is a new tag passed directly as an annotation option

Simplified customization

Features

• DorfCoreModule extracted from DorfModule for "overriding" components when needed
• DorfButtonsComponent and corresponding CSS classes for a better integration and customization
• DorfFieldWrapper as an additional level of abstraction for a faster creation of DORF-related forms
• dorf-form.html as a new standard template for DORF

Examples

• definition-extras uses CustomDorfInputComponent instead of a DORF one (DorfCoreModule in action)
• new-field points out an added DorfFieldWrapper value as well as a new simplified HTML
• different-definition is currently integrated with annotation-based form

Debouncing known from Angular 1.3

Features

• support for debounce field definition parameter. This parameter defines a time in milliseconds after which both field value and a validity are updated

Examples

• simple/new-style shows a delay in action. Surname and Credit card PIN has debounce set to 1000

No more `FormGroup` passing

What was needed at some point in time, so passing FormGroup between components, became redundant some time ago. Cleaner API and a better performance achieved.

Angular-like documentation applied

Documentation as in Angular, TSLint and TS config published.

Decorators and other features

• Better CSS handling
• asyncValidators
• Improved core file structure

Decorators, decorators, decorators

Decorators added to DORF. Now some annotations are all you need to work with DORF.