/**
 * Copyright (c) 2017 ZTE Corporation.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * and the Apache License 2.0 which both accompany this distribution,
 * and are available at http://www.eclipse.org/legal/epl-v10.html
 * and http://www.apache.org/licenses/LICENSE-2.0
 *
 * Contributors:
 *     ZTE - initial API and implementation and/or initial documentation
 */

import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';

import { PlanTreeviewItem } from '../../model/plan-treeview-item';
import { ValueSource } from '../../model/value-source.enum';
import { Parameter } from '../../model/workflow/parameter';

/**
 * this component contains in property component if the corresponding node has parameter properties
 * eg. task node have input and output params, start event node has input param
 */
@Component({
    selector: 'b4t-parameter',
    styleUrls: ['./parameter.component.css'],
    templateUrl: 'parameter.component.html',
})
export class ParameterComponent implements OnChanges, OnInit {
    @Input() public param: Parameter;
    @Input() public valueSource: ValueSource[];
    @Input() public canEditName: boolean;
    @Input() public showLabel = true;
    @Input() public canInsert: boolean;
    @Input() public canDelete: boolean;
    @Input() public planItems: PlanTreeviewItem[];
    @Output() public paramChange = new EventEmitter<Parameter>();
    @Output() insert: EventEmitter<Parameter> = new EventEmitter<Parameter>();
    @Output() delete: EventEmitter<Parameter> = new EventEmitter<Parameter>();

    public sourceEnum = ValueSource;
    public valueGroupClass;
    public valueClass;
    public valueSourceClass;
    public planOptions = [];
    public topologyOptions: { name: string, value: string }[] = [];
    public showValue = true;
    public showValueSource = true;
    public planValue: any = {};

    constructor() { }

    public ngOnChanges(changes: SimpleChanges): void {
        // if (changes.canInsert && !changes.canInsert.isFirstChange()) {
        //     this.resetValueGroupClass(changes.canInsert.currentValue, this.canDelete);
        // }
        // if (changes.canDelete && !changes.canDelete.isFirstChange()) {
        //     this.resetValueGroupClass(this.canInsert, changes.canDelete.currentValue);
        // }
    }

    public ngOnInit(): void {
        // console.warn('Parameter OnInit, parameter name is:' + this.param.name);
        if (1 === this.valueSource.length) {
            this.showValueSource = false;
        }
        // this.valueClass = {
        //     'col-md-7': this.showValueSource,
        //     'col-md-12': !this.showValueSource
        // };
        // this.resetValueGroupClass(this.canInsert, this.canDelete);
        this.updateValueSource(this.param.valueSource);
        // trans plan options to tree view items.
        this.initPlanTreeviewItems(this.planItems);
        if (ValueSource[ValueSource.Plan] === this.param.valueSource) {
            this.planValue = { id: this.param.value };
        }
    }

    public keyChange(key: string) {
        this.param.name = key;
        this.paramChange.emit(this.param);
    }

    public valueChange(value: any) {
        if (ValueSource[ValueSource.Plan] === this.param.valueSource) {
            if ('object' === typeof (value)) {
                this.planValue = value;
                this.param.value = value.id;
            } else {
                this.planValue = { id: '' };
                this.param.value = '';
            }
        } else {
            this.param.value = value;
        }
        this.paramChange.emit(this.param);
    }

    public valueSourceChange(valueSource: string) {
        this.updateValueSource(valueSource);
        this.param.valueSource = valueSource;
        this.valueChange('');
    }

    public insertParam(): void {
        this.insert.emit();
    }

    public deleteParam(): void {
        this.delete.emit();
    }

    private updateValueSource(valueSource: string):void{
        if(ValueSource[ValueSource.Definition] === valueSource){
            this.showValue = false;
        }else{
            this.showValue = true;
        }
        // this.resetValueSourceClass(this.showValue);
    }

    private resetValueGroupClass(canInsert: boolean, canDelete: boolean): void {
        // this.valueGroupClass = {
        //     'col-md-5': canInsert && canDelete,
        //     'col-md-7': (canInsert && !canDelete) || (!canInsert && canDelete),
        //     'col-md-9': !canInsert && !canDelete
        // };
    }

    private initPlanTreeviewItems(planTreeviewItems: PlanTreeviewItem[]): void {
        this.planOptions = this.getTreeviewChild(planTreeviewItems);
    }

    private getTreeviewChild(planTreeviewItems: PlanTreeviewItem[]): any[] {
        let treeviewItems = [];
        if (undefined == planTreeviewItems || 0 === planTreeviewItems.length) {
            // todo: debug check if it need [] or undefined.
            return treeviewItems;
        }
        planTreeviewItems.forEach(item => {
            const treeviewItem = {
                id: item.value,
                name: item.name,
                disabled: false,
                // !item.canSelect,
                children: this.getTreeviewChild(item.children)
            };
            treeviewItems.push(treeviewItem);
        });
        return treeviewItems;
    }
}