mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00

[AAE-10773] Make Form core process agonostic (#8032 )

* move form list in a component

* move things in the right place

* move last pice in the right place

* move things in the right place

* move people and group in the right place

* move radio and typehead
form service start remove responsibilities

* remove model service and editor service from formService

* move dropdwon in process-service
finish remove service from form service

* fix some wrong import

* move activiti

* fix double quote imports

* move dynamic table

* fix shell

* move unit test

* [ci:force] fix lint issues

* fix build and some unit test

* fix process spec type spy problems [ci:foce]

* fix

* fix broken tests

* fix lint issues

* fix cloud dropdown test

* cleanup process-service-cloud tests

* fix people process

* improve e2e test

Co-authored-by: Kasia Biernat <kasia.biernat@hyland.com>

2022-12-21 15:12:38 +00:00

4.7 KiB

Raw Blame History

Title, Added, Status, Last reviewed

Title	Added	Status	Last reviewed
Form field component	v2.0.0	Active	2018-11-20

Form field component

Represents a UI field in a form.

Basic Usage

All form field editors (aka widgets) on a Form are rendered by means of a FormFieldComponent that takes an instance of a FormFieldModel:

<adf-form-field [field]="field"></adf-form-field>

This component depends on the FormRenderingService to map the FormFieldModel to a Form Field UI component based on the field type or the metadata information.

Class members

Properties

Name	Type	Default value	Description
field	`FormFieldModel`	null	Contains all the necessary data needed to determine what UI Widget to use when rendering the field in the form. You would typically not create this data manually but instead create the form in APS and export it to get to all the `FormFieldModel` definitions.

Details

You would typically not use this component directly but instead use the <adf-form> component, which under the hood uses <adf-form-field> components to render the form fields.

Field Type -> Form Field Component mappings

Forms defined in APS have the following default mappings for the form fields:

APS `Form` Designer `Widget`	Field Type	Component Type
Text	text	`TextWidgetComponent`
Multi-line text	multi-line-text	`MultilineTextWidgetComponentComponent`
Number	integer	`NumberWidgetComponent`
Checkbox	boolean	`CheckboxWidgetComponent`
Date	date	`DateWidgetComponent`
Dropdown	dropdown	`DropdownWidgetComponent`
Typeahead	typeahead	`TypeaheadWidgetComponent`
Amount	amount	`AmountWidgetComponent`
Radio buttons	radio-buttons	`RadioButtonsWidgetComponent`
People	people	`PeopleWidgetComponent`
Group of people	functional-group	`FunctionalGroupWidgetComponent`
Dynamic table	dynamic-table	`DynamicTableWidgetComponent`
Hyperlink	hyperlink	`HyperlinkWidgetComponent`
Header	group	`ContainerWidgetComponent`
Attach File	upload	AttachWidgetComponent or `UploadWidgetComponent` (based on metadata)
Display value	readonly	`TextWidgetComponent`
Display text	readonly-text	`DisplayTextWidgetComponent`
Display Rich text	display-rich-text	`DisplayRichTextWidgetComponent`
N/A	container	`ContainerWidgetComponent` (layout component)
N/A	N/A	`UnknownWidgetComponent`

4.7 KiB Raw Blame History