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

import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
import { DerivedFEProperty, InstanceFePropertiesMap, PropertyFEModel } from 'app/models';
import { InstanceFeDetails } from '../../../../models/instance-fe-details';
import { PropertiesService } from '../../../services/properties.service';
import { ModalService } from '../../../services/modal.service';

@Component({
    selector: 'properties-table',
    templateUrl: './properties-table.component.html',
    styleUrls: ['./properties-table.component.less']
})
export class PropertiesTableComponent implements OnChanges {

    @Input() fePropertiesMap: InstanceFePropertiesMap;
    @Input() feInstanceNamesMap: Map<string, InstanceFeDetails>;
    @Input() selectedPropertyId: string;
    @Input() propertyNameSearchText: string;
    @Input() searchTerm: string;
    @Input() readonly: boolean;
    @Input() isLoading: boolean;
    @Input() hasDeclareOption: boolean;
    @Input() hidePropertyType: boolean;
    @Input() showDelete:boolean;

    @Output('propertyChanged') emitter: EventEmitter<PropertyFEModel> = new EventEmitter<PropertyFEModel>();
    @Output() selectPropertyRow: EventEmitter<PropertyRowSelectedEvent> = new EventEmitter<PropertyRowSelectedEvent>();
    @Output() updateCheckedPropertyCount: EventEmitter<boolean> = new EventEmitter<boolean>(); // only for hasDeclareOption
    @Output() updateCheckedChildPropertyCount: EventEmitter<boolean> = new EventEmitter<boolean>();//only for hasDeclareListOption
    @Output() deleteProperty: EventEmitter<PropertyFEModel> = new EventEmitter<PropertyFEModel>();
    private selectedPropertyToDelete: PropertyFEModel;

    sortBy: String;
    reverse: boolean;
    direction: number;
    path: string[];

    readonly ascUpperLettersFirst = 1;
    readonly descLowerLettersFirst = -1;

    constructor(private propertiesService: PropertiesService, private modalService: ModalService ) {
    }

    ngOnChanges(changes: SimpleChanges): void {
        if (changes.fePropertiesMap) {
            this.sortBy = '';
            this.sort('name');
        }
    }

    sort(sortBy) {
        this.reverse = (this.sortBy === sortBy) ? !this.reverse : true;
        this.direction = this.reverse ? this.ascUpperLettersFirst : this.descLowerLettersFirst;
        this.sortBy = sortBy;
        this.path = sortBy.split('.');
    }

    onPropertyChanged = (property) => {
        this.emitter.emit(property);
    }

    // Click on main row (row of propertyFEModel)
    onClickPropertyRow = (property: PropertyFEModel, instanceName: string, event?) => {
        // event && event.stopPropagation();
        this.selectedPropertyId = property.name;
        const propertyRowSelectedEvent: PropertyRowSelectedEvent = new PropertyRowSelectedEvent(property, instanceName);
        this.selectPropertyRow.emit(propertyRowSelectedEvent);
    }

    // Click on inner row (row of DerivedFEProperty)
    onClickPropertyInnerRow = (property: DerivedFEProperty, instanceName: string) => {
        const propertyRowSelectedEvent: PropertyRowSelectedEvent = new PropertyRowSelectedEvent(property, instanceName);
        this.selectPropertyRow.emit(propertyRowSelectedEvent);
    }

    propertyChecked = (prop: PropertyFEModel, childPropName?: string) => {
        const isChecked: boolean = (!childPropName) ? prop.isSelected : prop.flattenedChildren.find((prop) => prop.propertiesName == childPropName).isSelected;

        if (!isChecked) {
            this.propertiesService.undoDisableRelatedProperties(prop, childPropName);
        } else {
            this.propertiesService.disableRelatedProperties(prop, childPropName);
        }
        this.updateCheckedPropertyCount.emit(isChecked);

        if (childPropName) {
            let isCount: boolean = (isChecked)? true : false ;
            this.updateCheckedChildPropertyCount.emit(isCount);
        }
    }

    onDeleteProperty = () => {
        this.deleteProperty.emit(this.selectedPropertyToDelete);
        this.modalService.closeCurrentModal();
    };

    openDeleteModal = (property:PropertyFEModel) => {
        this.selectedPropertyToDelete = property;
        this.modalService.createActionModal("Delete Property", "Are you sure you want to delete this property?",
            "Delete", this.onDeleteProperty, "Close").instance.open();
    }

}

export class PropertyRowSelectedEvent {
    propertyModel: PropertyFEModel | DerivedFEProperty;
    instanceName: string;
    constructor( propertyModel: PropertyFEModel | DerivedFEProperty, instanceName: string ) {
        this.propertyModel = propertyModel;
        this.instanceName = instanceName;
    }
}