squidex/frontend/app/features/content/shared/forms/field-editor.component.ts

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

import { Component, ElementRef, Input, ViewChild } from '@angular/core';
import { AbstractControl, FormArray, FormControl } from '@angular/forms';

import {
    AppLanguageDto,
    EditContentForm,
    FieldDto,
    MathHelper,
    RootFieldDto,
    Types
} from '@app/shared';

@Component({
    selector: 'sqx-field-editor',
    styleUrls: ['./field-editor.component.scss'],
    templateUrl: './field-editor.component.html'
})
export class FieldEditorComponent {
    @Input()
    public form: EditContentForm;

    @Input()
    public formContext: any;

    @Input()
    public field: FieldDto;

    @Input()
    public control: AbstractControl;

    @Input()
    public language: AppLanguageDto;

    @Input()
    public languages: ReadonlyArray<AppLanguageDto>;

    @Input()
    public isCompact = false;

    @Input()
    public displaySuffix: string;

    @ViewChild('editor', { static: false })
    public editor: ElementRef;

    public get arrayControl() {
        return this.control as FormArray;
    }

    public get editorControl() {
        return this.control as FormControl;
    }

    public get rootField() {
        return this.field as RootFieldDto;
    }

    public uniqueId = MathHelper.guid();

    public reset() {
        if (this.editor.nativeElement && Types.isFunction(this.editor.nativeElement['reset'])) {
            this.editor.nativeElement['reset']();
        }

        if (this.editor && Types.isFunction(this.editor['reset'])) {
            this.editor['reset']();
        }
    }
}