import { Component, OnInit } from '@angular/core';
import { ComboServerSideToken } from 'projects/combo-list/src/public-api';
import { ComboHttpBeQueryService } from './service/combo-http.service';
@Component({
    selector: 'farris-doc-combo-list',
    templateUrl: './combo-demo.component.html',
    styleUrls: ['./combo-demo.component.scss'],
    providers: [{ provide: ComboServerSideToken, useClass: ComboHttpBeQueryService }]
})
export class ComboDemoComponent implements OnInit {
    valueBase = '2';
    value1 = false;
    value2 = '河北';
    value3 = '河北';
    value4 = '';
    boxData = 'editable';
    
    items = [
        {id: false, 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'}
    ];

    stateVal = { id: '2', label:'审核通过'};
    stateItems = [
        {
            id: '1',
            label: '审核中',
            state: 'info'
        },
        {
            id: '2',
            label: '审核通过',
            state: 'success'
        },
        {
            id: '3',
            label: '不通过',
            state: 'error'
        }
    ]


    has(val: string){
        return this.boxData.indexOf(val) > -1;
    }
    ngOnInit(): void {
    }
    onSelect(e) {
        console.log(e);
    }
}