squidex/frontend/app/features/schemas/pages/schema/rules/schema-field-rules-form.component.ts

/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

import { Component, Input, OnChanges } from '@angular/core';
import { FormBuilder } from '@angular/forms';
import { ConfigureFieldRulesForm, FIELD_RULE_ACTIONS, SchemaDto, SchemasState } from '@app/shared';

@Component({
    selector: 'sqx-schema-field-rules-form',
    styleUrls: ['./schema-field-rules-form.component.scss'],
    templateUrl: './schema-field-rules-form.component.html',
})
export class SchemaFieldRulesFormComponent implements OnChanges {
    @Input()
    public schema: SchemaDto;

    public editForm = new ConfigureFieldRulesForm(this.formBuilder);

    public fieldNames: ReadonlyArray<string>;
    public fieldActions = FIELD_RULE_ACTIONS;

    public isEditable = false;

    constructor(
        private readonly formBuilder: FormBuilder,
        private readonly schemasState: SchemasState,
    ) {
    }

    public ngOnChanges() {
        const fieldNames: string[] = [];

        for (const field of this.schema.fields) {
            if (field.properties.isContentField) {
                fieldNames.push(field.name);

                for (const nestedField of field.nested) {
                    if (nestedField.properties.isContentField) {
                        fieldNames.push(`${field.name}.${nestedField.name}`);
                    }
                }
            }
        }

        this.fieldNames = fieldNames.sort();

        this.isEditable = this.schema.canUpdateUrls;

        this.editForm.load(this.schema);
        this.editForm.setEnabled(this.isEditable);
    }

    public add() {
        this.editForm.add(this.fieldNames);
    }

    public saveSchema() {
        if (!this.isEditable) {
            return;
        }

        const value = this.editForm.submit();

        if (value) {
            this.schemasState.configureFieldRules(this.schema, value)
                .subscribe({
                    next: () => {
                        this.editForm.submitCompleted({ noReset: true });
                    },
                    error: error => {
                        this.editForm.submitFailed(error);
                    },
                });
        }
    }
}