import { Component, OnInit, ViewChild } from '@angular/core';
import { CombolistComponent } from '@farris/ui-combo';
import { of } from 'rxjs';

@Component({
    selector: 'combo-list-demo',
    templateUrl: './combo-list-demo.component.html',
})
export class ComboListDemoComponent implements OnInit {
    data = {
        txt : '中国',
        txt2 : '',
        txt3 : '',
        value1 : '1',
        value2 : '2',
        value3 : '1,2,3'
    }
    
    items = [
        {id: 1, label: '中国', src: 'assets/images/avatar-1.png'},
        {id: 2, label: '俄罗斯', src: 'assets/images/avatar-2.png'},
        {id: 3, label: '菲律宾', src: 'assets/images/avatar-3.png'},
        {id: 4, label: '越南', src: 'assets/images/avatar-4.png'},
        {id: 5, label: '老挝', src: 'assets/images/avatar-5.png'},
        {id: 6, label: '中国1', src: 'assets/images/avatar-1.png'},
        {id: 7, label: '俄罗斯1', src: 'assets/images/avatar-2.png'},
        {id: 8, label: '菲律宾1', src: 'assets/images/avatar-3.png'},
        {id: 9, label: '越南1', src: 'assets/images/avatar-4.png'},
        {id: 10, label: '老挝1', src: 'assets/images/avatar-5.png'},
        {id: 11, label: '中国2', src: 'assets/images/avatar-1.png'},
        {id: 12, label: '俄罗斯2', src: 'assets/images/avatar-2.png'},
        {id: 13, label: '菲律宾2', src: 'assets/images/avatar-3.png'},
        {id: 14, label: '越南2', src: 'assets/images/avatar-4.png'},
        {id: 15, label: '老挝2', src: 'assets/images/avatar-5.png'},
        {id: 16, label: '中国3', src: 'assets/images/avatar-1.png'},
        {id: 17, label: '俄罗斯3', src: 'assets/images/avatar-2.png'},
        {id: 18, label: '菲律宾3', src: 'assets/images/avatar-3.png'},
        {id: 19, label: '越南3', src: 'assets/images/avatar-4.png'},
        {id: 20, label: '老挝3', src: 'assets/images/avatar-5.png'}
    ];

    @ViewChild('cmb4') cmb4: CombolistComponent;

    constructor() { }

    ngOnInit(): void { }

    valueChanged3(val) {
        if (!val) {
            this.cmb4.clearSelections();
        }
    }


    disableExpress = (item) => {
        if (this.data.txt2) {
            return item['label'].indexOf(this.data.txt2) > -1;
        } else {
            return false;
        }
    }

    beforeOpen = (ins) => {
        console.log(ins);
        return of(true);
    }
}