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

import { Component, Input, OnChanges } from '@angular/core';
import { SchemaDetailsDto, SchemasState } from '@app/shared';

type State = { fieldsInLists: ReadonlyArray<string>, fieldsInReferences: ReadonlyArray<string> };

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

    public selectedTab = 0;

    public isEditable = false;

    public state: State = {
        fieldsInLists: [],
        fieldsInReferences: []
    };

    constructor(
        private readonly schemasState: SchemasState
    ) {
    }

    public ngOnChanges() {
        this.isEditable = this.schema.canUpdate;

        this.state = {
            fieldsInLists: this.schema.fieldsInLists,
            fieldsInReferences: this.schema.fieldsInReferences
        };
    }

    public setFieldsInLists(names: ReadonlyArray<string>) {
        this.state.fieldsInLists = names;
    }

    public setFieldsInReferences(names: ReadonlyArray<string>) {
        this.state.fieldsInReferences = names;
    }

    public selectTab(tab: number) {
        this.selectedTab = tab;
    }

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

        this.schemasState.configureUIFields(this.schema, this.state);
    }
}