How to use the @ng-dynamic-forms/core.DynamicFormGroupModel function in @ng-dynamic-forms/core

To help you get started, we’ve selected a few @ng-dynamic-forms/core examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mesemus / django-angular-dynamic-forms / demo / angular / src / django-angular-dynamic-forms / src / impl / django-form-content.component.ts View on Github external
{
                            ...config,
                            layout: merge_layouts(config.layout,
                                {
                                    grid: {
                                        host: `dadf-column-${csf.controls.length}`
                                    }
                                }
                            )
                        });
                    if (_control) {
                        model.push(_control);
                    }
                }

                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,
                        group: model
                    },
                    merge_layouts(
                        field_config.layout,
                        {
                            grid: {
                                control: `dadf-columns dadf-columns-${csf.controls.length}`
                            },
                            // element: {
                            //     container: '---container',
                            //     control: '---control',
                            //     errors: '---errors',
                            //     group: '---group',
                            //     hint: '---hint',
github DSpace / dspace-angular / src / app / submission / sections / upload / file / edit / section-upload-file-edit.component.ts View on Github external
const configForm = Object.assign({}, this.configMetadataForm, {
      fields: Object.assign([], this.configMetadataForm.rows[0].fields[0], [
        this.configMetadataForm.rows[0].fields[0],
        configDescr
      ])
    });
    const formModel: DynamicFormControlModel[] = [];
    const metadataGroupModelConfig = Object.assign({}, BITSTREAM_METADATA_FORM_GROUP_CONFIG);
    metadataGroupModelConfig.group = this.formBuilderService.modelFromConfiguration(
      configForm,
      this.collectionId,
      this.fileData.metadata,
      undefined,
      this.submissionService.getSubmissionScope()
    );
    formModel.push(new DynamicFormGroupModel(metadataGroupModelConfig, BITSTREAM_METADATA_FORM_GROUP_LAYOUT));
    const accessConditionTypeModelConfig = Object.assign({}, BITSTREAM_FORM_ACCESS_CONDITION_TYPE_CONFIG);
    const accessConditionsArrayConfig = Object.assign({}, BITSTREAM_ACCESS_CONDITIONS_FORM_ARRAY_CONFIG);
    const accessConditionTypeOptions = [];

    if (this.collectionPolicyType === POLICY_DEFAULT_WITH_LIST) {
      for (const accessCondition of this.availableAccessConditionOptions) {
        accessConditionTypeOptions.push(
          {
            label: accessCondition.name,
            value: accessCondition.name
          }
        );
      }
      accessConditionTypeModelConfig.options = accessConditionTypeOptions;

      // Dynamically assign of relation in config. For startdate, endDate, groups.
github DSpace / dspace-angular / src / app / submission / section / upload / file / edit / file-edit.component.ts View on Github external
configDescr.repeatable = false;
    const configForm = Object.assign({}, this.configMetadataForm, {
      fields: Object.assign([], this.configMetadataForm.rows[ 0 ].fields[ 0 ], [
        this.configMetadataForm.rows[ 0 ].fields[ 0 ],
        configDescr
      ])
    });
    const formModel: DynamicFormControlModel[] = [];
    const metadataGroupModelConfig = Object.assign({}, BITSTREAM_METADATA_FORM_GROUP_CONFIG);
    metadataGroupModelConfig.group = this.formBuilderService.modelFromConfiguration(
      configForm,
      this.collectionId,
      this.fileData.metadata,
      this.submissionService.getSubmissionScope()
    );
    formModel.push(new DynamicFormGroupModel(metadataGroupModelConfig, BITSTREAM_METADATA_FORM_GROUP_LAYOUT));
    const accessConditionTypeModelConfig = Object.assign({}, BITSTREAM_FORM_ACCESS_CONDITION_TYPE_CONFIG);
    const accessConditionsArrayConfig = Object.assign({}, BITSTREAM_ACCESS_CONDITIONS_FORM_ARRAY_CONFIG);
    const accessConditionTypeOptions = [];

    if (this.collectionPolicyType === POLICY_DEFAULT_WITH_LIST) {
      for (const accessCondition of this.availableAccessConditionOptions) {
        accessConditionTypeOptions.push(
          {
            label: accessCondition.name,
            value: accessCondition.name
          }
        );
      }
      accessConditionTypeModelConfig.options = accessConditionTypeOptions;

      // Dynamic assign of relation in config. For startdate, endDate, groups.
github udos86 / ng-dynamic-forms / src / app / ui-ngx-bootstrap / ngx-bootstrap-sample-form.component.ts View on Github external
test() {
        this.sampleFormControlModel.disabled = !this.sampleFormControlModel.disabled;
        this.sampleFormControlModel.value = "Hello Hello";

        (this.formArrayModel.get(1).group[0] as DynamicFormValueControlModel).value = "This is just a test";

        this.formService.moveFormArrayGroup(2, -1, this.formArray, this.formArrayModel);

        this.formService.addFormGroupControl(
            this.formGroup,
            this.formModel,
            new DynamicFormGroupModel({
                id: "bsFormGroup3",
                group: [new DynamicInputModel({id: "newInput"})]
            })
        );

        this.formService.addFormGroupControl(
            this.formGroup.get("bsFormGroup3") as FormGroup,
            this.formModel[2] as DynamicFormGroupModel,
            new DynamicInputModel({id: "newInput"})
        );

        //this.formService.detectChanges();
    }
github mesemus / django-angular-dynamic-forms / projects / django-angular-dynamic-forms / src / impl / django-form-content.component.ts View on Github external
return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.lastId++,
                        label,
                        group: this._generateUIControlArray((fieldConfig as FieldSetConfig).controls)
                    },
                    mergeLayouts(fieldsetLayout, extraLayout)
                );
            }
            case CompositeFieldTypes.GROUP: {
                const groupLayout = mergeLayouts(fieldConfig.layout, {
                    grid: {
                        label: 'group'
                    }
                });
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.lastId++,
                        group: this._generateUIControlArray((fieldConfig as FieldSetConfig).controls)
                    },
                    mergeLayouts(groupLayout, extraLayout)
                );
            }
            case CompositeFieldTypes.COLUMNS: {
                const csf = (fieldConfig as ColumnsFieldConfig);
                const model: DynamicFormControlModel[] = [];
                for (const config of csf.controls) {
                    const _mergedLayout: DynamicFormControlLayout = mergeLayouts(config.layout,
                        {
                            grid: {
                                host: `dadf-column-${csf.controls.length}`
                            }
github mesemus / django-angular-dynamic-forms / demo / angular / src / django-angular-dynamic-forms / src / impl / django-form-content.component.ts View on Github external
});
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,
                        label: label,
                        group: this._generate_ui_control_array((field_config as FieldSetConfig).controls)
                    },
                    fieldset_layout
                );
            case CompositeFieldTypes.GROUP: {
                const group_layout = merge_layouts(field_config.layout, {
                    grid: {
                        label: 'group'
                    }
                });
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,
                        group: this._generate_ui_control_array((field_config as FieldSetConfig).controls)
                    },
                    group_layout
                );
            }
            case CompositeFieldTypes.COLUMNS: {
                const csf = (field_config as ColumnsFieldConfig);
                const model: DynamicFormControlModel[] = [];
                for (const config of csf.controls) {
                    const _control = this._generate_ui_control(
                        {
                            ...config,
                            layout: merge_layouts(config.layout,
                                {
github mesemus / django-angular-dynamic-forms / angular / packages / django-angular-dynamic-forms / src / impl / django-form-content.component.ts View on Github external
args: {id: id, errors: this._external_errors}
                            }
                        },
                        errorMessages: {
                            external_error: '{{external_error}}'
                        }
                    },
                    merge_layouts(field_config.layout, extra_layout)
                );
            case CompositeFieldTypes.FIELDSET: {
                const fieldset_layout = merge_layouts(field_config.layout, {
                    grid: {
                        label: 'dadf-fieldset'
                    }
                });
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,
                        label: label,
                        group: this._generate_ui_control_array((field_config as FieldSetConfig).controls)
                    },
                    merge_layouts(fieldset_layout, extra_layout)
                );
            }
            case CompositeFieldTypes.GROUP: {
                const group_layout = merge_layouts(field_config.layout, {
                    grid: {
                        label: 'group'
                    }
                });
                return new DynamicFormGroupModel(
                    {
github mesemus / django-angular-dynamic-forms / demo / angular / src / django-angular-dynamic-forms / src / impl / django-form-content.component.ts View on Github external
args: {id: id, errors: this._external_errors}
                            }
                        },
                        errorMessages: {
                            external_error: '{{external_error}}'
                        }
                    },
                    field_config.layout
                );
            case CompositeFieldTypes.FIELDSET:
                const fieldset_layout = merge_layouts(field_config.layout, {
                    grid: {
                        label: 'dadf-fieldset'
                    }
                });
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,
                        label: label,
                        group: this._generate_ui_control_array((field_config as FieldSetConfig).controls)
                    },
                    fieldset_layout
                );
            case CompositeFieldTypes.GROUP: {
                const group_layout = merge_layouts(field_config.layout, {
                    grid: {
                        label: 'group'
                    }
                });
                return new DynamicFormGroupModel(
                    {
                        id: 'generated_' + this.last_id++,