// -
//   ========================LICENSE_START=================================
//   O-RAN-SC
//   %%
//   Copyright (C) 2021: Nordix Foundation
//   %%
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   Unless required by applicable law or agreed to in writing, software
//   distributed under the License is distributed on an "AS IS" BASIS,
//   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//   See the License for the specific language governing permissions and
//   limitations under the License.
//   ========================LICENSE_END===================================
//

import { animate, state, style, transition, trigger } from '@angular/animations';
import { Component, Input, OnInit } from '@angular/core';
import { JsonPointer } from 'angular6-json-schema-form';

@Component({
    selector: 'nrcp-typed-policy-editor',
    templateUrl: './typed-policy-editor.component.html',
    styleUrls: ['./typed-policy-editor.component.scss'],
    animations: [
        trigger('expandSection', [
            state('in', style({ height: '*' })),
            transition(':enter', [
                style({ height: 0 }), animate(100),
            ]),
            transition(':leave', [
                style({ height: '*' }),
                animate(100, style({ height: 0 })),
            ]),
        ]),
    ],

})
export class TypedPolicyEditorComponent implements OnInit {
    jsonFormOptions: any = {
        addSubmit: false, // Add a submit button if layout does not have one
        debug: false, // Don't show inline debugging information
        loadExternalAssets: false, // Load external css and JavaScript for frameworks
        returnEmptyFields: false, // Don't return values for empty input fields
        setSchemaDefaults: true, // Always use schema defaults for empty fields
        defautWidgetOptions: { feedback: true }, // Show inline feedback icons
    };

    @Input() jsonSchemaObject: any = {};
    @Input() jsonObject: any = {};
    @Input() darkMode: boolean;

    isVisible = {
        form: true,
        json: false,
        schema: false
    };
    formActive: boolean = false;
    jsonFormStatusMessage: string = 'Loading form...';
    liveFormData: any = {};
    formIsValid: boolean = false;
    formValidationErrors: any;

    constructor() {
        this.formActive = false;
    }

    ngOnInit(): void {
         this.formActive = true;
    }

    public onChanges(formData: any) {
        this.liveFormData = formData;
    }

    get prettyLiveFormData(): string {
        return JSON.stringify(this.liveFormData, null, 2);
    }

    get schemaAsString(): string {
        return JSON.stringify(this.jsonSchemaObject, null, 2);
    }

    get jsonAsString(): string {
        return JSON.stringify(this.jsonObject, null, 2);
    }

    isValid(isValid: boolean): void {
        this.formIsValid = isValid;
    }

    validationErrors(validationErrors: any): void {
        this.formValidationErrors = validationErrors;
    }

    get prettyValidationErrors() {
        if (!this.formValidationErrors) { return null; }
        const errorArray = [];
        for (const error of this.formValidationErrors) {
            const message = error.message;
            const dataPathArray = JsonPointer.parse(error.dataPath);
            if (dataPathArray.length) {
                let field = dataPathArray[0];
                for (let i = 1; i < dataPathArray.length; i++) {
                    const key = dataPathArray[i];
                    field += /^\d+$/.test(key) ? `[${key}]` : `.${key}`;
                }
                errorArray.push(`${field}: ${message}`);
            } else {
                errorArray.push(message);
            }
        }
        return errorArray.join('<br>');
    }

    public toggleVisible(item: string) {
        this.isVisible[item] = !this.isVisible[item];
    }
}