import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { FarrisSidebarService } from '../../../../../projects/sidebar/src/lib/';
import { DemoDataSeed } from '../../../pages/datagrid/demo-data-seed';
import { CalculationType } from '@farris/ui-datagrid';
import { DemoDataService } from '../../../pages/datagrid/demo-data.service';
@Component({
    selector: 'app-form',
    templateUrl: './form.component.html',
    styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {

    @Output() clickEmit = new EventEmitter<boolean>();
    columns = [];
    items;

    constructor(
        private sidebarService: FarrisSidebarService,
        private dds: DemoDataService
    ) { }

    ngOnInit() {
        const enumData = DemoDataSeed.enumData();
        const enumOpts = { valueField: 'value', textField: 'label', data: enumData };

        this.columns = [
            {
                field: 'id', width: 80, title: 'ID', footer: {
                    options: { text: '合计' },
                    formatter: (v, d, i) => {
                        return `<b>${v}</b>`;
                    }
                }
            },
            { field: 'name', width: 80, title: '姓名' },
            { field: 'sex', width: 70, title: '性别' },
            // { field: 'birthday', width: 120, title: '出生日期' },
            // { field: 'maray', width: 70, title: '婚否', formatter: { type: 'boolean', options: { trueText: '已婚', falseText: '未婚' } } },
            // { field: 'addr', width: 170, title: '地址' },
            // { field: 'company', width: 100, title: '公司' },
            // {
            //     field: 'nianxin', width: 70, title: '年薪', footer: {
            //         options: { calculationType: CalculationType.sum },
            //         formatter: { type: 'number', options: { prefix: '￥', suffix: '元', precision: 2 } }
            //     }
            // },
            // { field: 'zhiwei', width: 100, title: '职位', formatter: { type: 'enum', options: enumOpts } }
        ];

        this.items = this.dds.createData(50);
    }

    test(str: any) {
        alert(str)
        this.sidebarService.sendIsOpen(false);
    }
}