/*-
 * ============LICENSE_START=======================================================
 * SDC
 * ================================================================================
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 * Modifications Copyright (C) 2018 Huawei Intellectual Property. All rights reserved.
 * ================================================================================
 * 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=========================================================
 */

/**
 * Created by rc2122 on 5/4/2017.
 */
import { Component, Input, Output, EventEmitter, ViewChildren, QueryList } from "@angular/core";
import { InputFEModel, PropertyModel, PropertiesGroup, Component as ComponentData } from "app/models";
import { ModalsHandler } from 'app/utils';
import { ModalService } from "../../../services/modal.service";
import { InstanceFeDetails } from "app/models/instance-fe-details";
import { InstanceFePropertiesMap } from "../../../../models/properties-inputs/property-fe-map";
import { DataTypeService } from "../../../services/data-type.service";
import { MetadataEntry } from "app/models/metadataEntry";
import { DynamicElementComponent } from "../../ui/dynamic-element/dynamic-element.component";

@Component({
    selector: 'inputs-table',
    templateUrl: './inputs-table.component.html',
    styleUrls: ['../inputs-table/inputs-table.component.less'],
})
export class InputsTableComponent {

    @Input() inputs: Array<InputFEModel>;
    @Input() instanceNamesMap: { [key: string]: InstanceFeDetails };
    @Input() readonly: boolean;
    @Input() isLoading: boolean;
    @Input() componentType: string;
    @Input() showDelete:boolean;
    @Output() inputChanged: EventEmitter<any> = new EventEmitter<any>();
    @Output() deleteInput: EventEmitter<any> = new EventEmitter<any>();

    @Input() fePropertiesMap: InstanceFePropertiesMap;
    @Input() componentInstancePropertyMap: PropertiesGroup;
    @Input() parentComponent: ComponentData;

    @ViewChildren('metadataViewChildren') public metadataViewChildren: QueryList<DynamicElementComponent>;

    sortBy: String;
    reverse: boolean;
    selectedInputToDelete: InputFEModel;

    sort = (sortBy) => {
        this.reverse = (this.sortBy === sortBy) ? !this.reverse : true;
        let reverse = this.reverse ? 1 : -1;
        this.sortBy = sortBy;
        let instanceNameMapTemp = this.instanceNamesMap;
        let itemIdx1Val = "";
        let itemIdx2Val = "";
        this.inputs.sort(function (itemIdx1, itemIdx2) {
            if (sortBy == 'instanceUniqueId') {
                itemIdx1Val = (itemIdx1[sortBy] && instanceNameMapTemp[itemIdx1[sortBy]] !== undefined) ? instanceNameMapTemp[itemIdx1[sortBy]].name : "";
                itemIdx2Val = (itemIdx2[sortBy] && instanceNameMapTemp[itemIdx2[sortBy]] !== undefined) ? instanceNameMapTemp[itemIdx2[sortBy]].name : "";
            }
            else {
                itemIdx1Val = itemIdx1[sortBy];
                itemIdx2Val = itemIdx2[sortBy];
            }            
            if (itemIdx1Val < itemIdx2Val) {
                return -1 * reverse;
            }
            else if (itemIdx1Val > itemIdx2Val) {
                return 1 * reverse;
            }
            else {
                return 0;
            }
        });
    };


    constructor(private modalService: ModalService, private dataTypeService: DataTypeService, private modalsHandler: ModalsHandler){
        var x = 5
    }


    onInputChanged = (input, event) => {
        input.updateDefaultValueObj(event.value, event.isValid);
        this.inputChanged.emit(input);
    };

    onRequiredChanged = (input: InputFEModel, event) => {
        this.inputChanged.emit(input);
    }

    onMetadataKeyChanged = (input: InputFEModel, event, metadataEntry: MetadataEntry) => {
        let dynamicElementComponent = this.metadataViewChildren.filter(element => element.name == input.name + "_" + metadataEntry.key).pop();

        input.updateMetadataKey(metadataEntry, event.value);
        this.inputChanged.emit(input);

        var mapKeyError = input.metadataMapKeyError;
        if(input.metadataMapKeyError){
            dynamicElementComponent.cmpRef.instance.control.setErrors({mapKeyError});
        }
    };

    onMetadataValueChanged = (input: InputFEModel, event, metadataEntry: MetadataEntry) => {
        input.updateMetadataValue(metadataEntry, event.value);
        this.inputChanged.emit(input);
    };


    createNewMetadataEntry = (input: InputFEModel): void => {
        let metadataEntry = new MetadataEntry("", "");
        input.addMetadataEntry(metadataEntry);
        this.inputChanged.emit(input);
    }

    deleteMetadataEntry = (input: InputFEModel, metadataEntry: MetadataEntry) => {
        input.deleteMetadataEntry(metadataEntry);
        this.inputChanged.emit(input);
    }

    onDeleteInput = () => {
        this.deleteInput.emit(this.selectedInputToDelete);
        this.modalService.closeCurrentModal();
    };

    openDeleteModal = (input: InputFEModel) => {
        console.log('exist inputs: ' + this.inputs)
        this.selectedInputToDelete = input;
        this.modalService.createActionModal("Delete Input", "Are you sure you want to delete this input?", "Delete", this.onDeleteInput, "Close").instance.open();
    }

    getConstraints(input:InputFEModel): string[]{
        
        if (input.inputPath){
            const pathValuesName = input.inputPath.split('#');
            const rootPropertyName = pathValuesName[0];
            const propertyName = pathValuesName[1];
            let filterredRootPropertyType = _.values(this.fePropertiesMap)[0].filter(property => 
                property.name == rootPropertyName);
            if (filterredRootPropertyType.length > 0){
                let rootPropertyType = filterredRootPropertyType[0].type;
                return this.dataTypeService.getConstraintsByParentTypeAndUniqueID(rootPropertyType, propertyName);
            }else{
                return null;
            }
                
        }
        // else if(input.constraints.length > 0){
        //     return input.constraints[0].validValues
        // }
        else{
            return null;
        }
    }

    checkInstanceFePropertiesMapIsFilled(){
        return _.keys(this.fePropertiesMap).length > 0
    }

    hasInputMetadata(){
        for(let input of this.inputs){
            if (input.metadataEntries.length > 0){
                return true;
            }
        }
        return false;
    }

    public updateProperty = (inputProperty: InputFEModel): void => {
        let modelProperty : PropertyModel = this.createPropertyModel(inputProperty);
        if (inputProperty.instanceUniqueId != null && this.componentInstancePropertyMap != null && modelProperty.constraints == null && this.componentInstancePropertyMap[inputProperty.instanceUniqueId]) {
            this.componentInstancePropertyMap[inputProperty.instanceUniqueId].forEach(tempProperty => {
                modelProperty.constraints = tempProperty.constraints;
            });
        }
        this.modalsHandler.newOpenEditPropertyModal(modelProperty, [],true, 'component', modelProperty.resourceInstanceUniqueId, this.parentComponent, inputProperty).then(result => {
            let newInputs : Array<InputFEModel> = [];
            this.inputs.forEach(input => {
                if (input.uniqueId != inputProperty.uniqueId) {
                    newInputs.push(input);
                } else {
                    let newMetadataEntries : Array<MetadataEntry> = [];
                    for (let key of Object.keys(inputProperty.metadata)){
                        newMetadataEntries.push(new MetadataEntry(key, inputProperty.metadata[key]));
                    }
                    inputProperty.metadataEntries = [];
                    inputProperty.metadataEntries = newMetadataEntries;
                    newInputs.push(inputProperty);
                }
            });
            this.inputs = newInputs;
        });     
    }

    private createPropertyModel(inputproperty: InputFEModel){
        let propertyModel = new PropertyModel();
        propertyModel.constraints = inputproperty.constraints;
        propertyModel.defaultValue = inputproperty.defaultValue;
        propertyModel.definition = inputproperty.definition;
        propertyModel.description = inputproperty.description;
        propertyModel.name = inputproperty.name;
        propertyModel.parentUniqueId = inputproperty.parentUniqueId;
        propertyModel.password = inputproperty.password;
        propertyModel.required = inputproperty.required;
        propertyModel.schema = inputproperty.schema;
        propertyModel.schemaType = inputproperty.schemaType;
        propertyModel.type = inputproperty.type;
        propertyModel.uniqueId = inputproperty.uniqueId;
        propertyModel.value = inputproperty.value;
        propertyModel.getInputValues = inputproperty.getInputValues;
        propertyModel.parentPropertyType = inputproperty.parentPropertyType;
        propertyModel.subPropertyInputPath = inputproperty.subPropertyInputPath;
        propertyModel.getPolicyValues = inputproperty.getPolicyValues;
        propertyModel.inputPath = inputproperty.inputPath;
        propertyModel.metadata = inputproperty.metadata;
        propertyModel.subPropertyToscaFunctions = inputproperty.subPropertyToscaFunctions;
        propertyModel.ownerId = inputproperty.ownerId;
        propertyModel.propertyView = true;
        return propertyModel;
    }

}