import { Component, OnInit, OnDestroy, Input, ElementRef } from '@angular/core';

@Component({
    selector: 'cm-tree',
    templateUrl: './tree.component.html',
    styleUrls: ['./tree.component.less']
})
export class TreeComponent implements OnInit {
    isColumn: boolean = true;
    _cmData =
        [
            {
                "title": '1',
                "content": "com.android.dazhih",
                "show": false,
                "cComments": [
                    {
                        "title": '1.1',
                        "content": "com.android.dazhih",
                        "show": false,
                        "cComments": [
                            {
                                "title": '1.1.1',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            },
                            {
                                "title": '1.1.2',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            },
                            {
                                "title": '1.1.3',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            }

                        ]
                    },
                    {
                        "title": '1.2',
                        "content": "com.android.dazhih",
                        "show": false,
                        "cComments": [
                            {
                                "title": '1.2.1',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            },
                            {
                                "title": '1.2.2',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            },
                            {
                                "title": '1.2.3',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            }

                        ]
                    },
                    {
                        "title": '1.3',
                        "content": "com.android.dazhih",
                        "show": false,
                        "cComments": [
                            {
                                "title": '1.3.1',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            },
                            {
                                "title": '1.3.2',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": [
                                    {
                                        "title": '1.3.2.1',
                                        "content": "com.android.dazhih",
                                        "show": false,
                                        "cComments": false
                                    },
                                    {
                                        "title": '1.3.2.2',
                                        "content": "com.android.dazhih",
                                        "show": false,
                                        "cComments": false
                                    },
                                    {
                                        "title": '1.3.2.3',
                                        "content": "com.android.dazhih",
                                        "show": false,
                                        "cComments": [
                                            {
                                                "title": '1.3.2.3.1',
                                                "content": "com.android.dazhih",
                                                "show": false,
                                                "cComments": [
                                                    {
                                                        "title": '1.3.2.3.1.1',
                                                        "content": "com.android.dazhih",
                                                        "show": false,
                                                        "cComments": false
                                                    },
                                                    {
                                                        "title": '1.3.2.3.1.2',
                                                        "content": "com.android.dazhih",
                                                        "show": false,
                                                        "cComments": [
                                                            {
                                                                "title": '1.3.2.3.1.2.1',
                                                                "content": "com.android.dazhih",
                                                                "show": false,
                                                                "cComments": false
                                                            }, 
                                                            {
                                                                "title": '1.3.2.3.1.2.2',
                                                                "content": "com.android.dazhih",
                                                                "show": false,
                                                                "cComments": false
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        "title": '1.3.2.3.1.3',
                                                        "content": "com.android.dazhih",
                                                        "show": false,
                                                        "cComments": [
                                                            {
                                                                "title": '1.3.2.3.1.3.1',
                                                                "content": "com.android.dazhih",
                                                                "show": false,
                                                                "cComments": false
                                                            }
                                                        ]
                                                    }

                                                ]
                                            },
                                            {
                                                "title": '1.3.2.3.2',
                                                "content": "com.android.dazhih",
                                                "show": false,
                                                "cComments": false
                                            },
                                            {
                                                "title": '1.3.2.3.3',
                                                "content": "com.android.dazhih",
                                                "show": false,
                                                "cComments": false
                                            }

                                        ]
                                    }

                                ]
                            },
                            {
                                "title": '1.3.3',
                                "content": "com.android.dazhih",
                                "show": false,
                                "cComments": false
                            }

                        ]
                    }
                ]
            }
        ]

    options = [{
        value: 'horizontal',
        label: 'horizontal'
    }, {
        value: 'vertical',
        label: 'vertical'
    }];
    _cmOrient: string = 'vertical';

    @Input()
    set cmOrient(cmOrient: any) {
        this._cmOrient = cmOrient;

    };

    @Input()
    set cmData(cmData: any) {
        this._cmData = cmData;

    };

    ngOnInit(): void {
        this.selectedChange(this._cmOrient)
    }

    selectedChange(value: any) {
        if (value == 'horizontal') {
            this.isColumn = false
        } else {
            this.isColumn = true
        }
        // console.log(value, this.isColumn)
    }

}