28 | `
29 | })
30 | export class FormElementComponent {
31 | @Input() formFieldName: string;
32 | @Input() formFieldLabel: string;
33 | @Input() formGroup: FormGroup;
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/form/form.actions.ts:
--------------------------------------------------------------------------------
1 | import { Action } from '@ngrx/store';
2 |
3 | import { RouteParams } from 'app/router/router.models';
4 |
5 | import { Form, FormField } from './form.models';
6 |
7 |
8 | export const GET_FORM_FIELD_SETTINGS = '[Form] Get Form Field Settings';
9 | export const GET_FORM_SETTINGS = '[Form] Get Form Settings';
10 | export const RECEIVE_FORM_FIELD_SETTINGS = '[Form] Receive Form Field Settings';
11 | export const RECEIVE_FORM_SETTINGS = '[Form] Receive Form Settings';
12 | export const SELECT_FORM = '[Form] Select Form';
13 |
14 | export class GetFormFieldSettingsAction implements Action {
15 | readonly type = GET_FORM_FIELD_SETTINGS;
16 |
17 | constructor(public payload: RouteParams) {
18 | }
19 | }
20 |
21 | export class GetFormSettingsAction implements Action {
22 | readonly type = GET_FORM_SETTINGS;
23 |
24 | constructor(public payload: RouteParams) {
25 | }
26 | }
27 |
28 | export class ReceiveFormFieldSettingsAction implements Action {
29 | readonly type = RECEIVE_FORM_FIELD_SETTINGS;
30 |
31 | constructor(public payload: FormField[]) {
32 | }
33 | }
34 |
35 | export class ReceiveFormSettingsAction implements Action {
36 | readonly type = RECEIVE_FORM_SETTINGS;
37 |
38 | constructor(public payload: Form[]) {
39 | }
40 | }
41 |
42 | export class SelectFormAction implements Action {
43 | readonly type = SELECT_FORM;
44 |
45 | constructor(public payload: RouteParams) {
46 | }
47 | }
48 |
49 | export type FormActions =
50 | GetFormFieldSettingsAction
51 | | GetFormSettingsAction
52 | | ReceiveFormFieldSettingsAction
53 | | ReceiveFormSettingsAction
54 | | SelectFormAction;
55 |
--------------------------------------------------------------------------------
/src/app/form/form.component.html:
--------------------------------------------------------------------------------
1 |