import { Component, OnInit, HostListener, ViewChild, ElementRef, TemplateRef } from '@angular/core';
import { DemoDataService } from '../demo-data.service';
import { REST_SERVICEE } from '@farris/ui-datagrid';

@Component({
    selector: 'grid-selection',
    templateUrl: './datagrid-selection-demo.component.html',
    providers: [
        DemoDataService,
        { provide: REST_SERVICEE, useClass: DemoDataService }
    ]
})
export class DatagridSelectionDemoComponent implements OnInit {
    items;
    total = 0;
    pageSize = 100;

    @ViewChild('box') box: ElementRef;
    @ViewChild('cell1') cell1: TemplateRef<any>;

    useRowHover = true;
    showBorder = false;
    keepSelect = true;
    showRowNumber = true;
    useStripe = true;
    // 多选

    _useMultiSelect = false;
    get useMultiSelect() {
        return this._useMultiSelect;
    }
    set useMultiSelect(v) {
        this._useMultiSelect = v;
        if (v) {
            this.showAllCheckbox = true;
            this.showCheckbox = true;
            this.checkonselect = true;
            this.selectoncheck = true;
            this.onlySelectSelf = true;
        } else {
            this.showAllCheckbox = false;
            this.showCheckbox = false;
            this.checkonselect = false;
            this.selectoncheck = false;
            this.onlySelectSelf = false;
        }
    }

    onlySelectSelf = false;
    showAllCheckbox = false;
    checkonselect = false;
    selectoncheck = false;
    showCheckbox = false;

    data = [
        {
            id: 'b1',
            text: '增加',
            size: 'small',
            type: 'primary'
        },
        {
            id: 'b2',
            text: '保存',
            size: 'large',
            type: 'success'
        },
        {
            id: 'b3',
            text: '删除',
            type: 'warning'
        },
        {
            id: 'b4',
            text: '上移'
        },
        {
            id: 'b1',
            text: '另存为'
        },
        {
            id: 'b2',
            text: '下移'
        }
    ];
    columns = [

    ];


    constructor(private dds: DemoDataService) { }

    ngOnInit(): void {
        this.onresize();

        this.columns = [{ field: 'id', width: 100, title: 'ID' },
        { field: 'name', width: 130, title: '姓名' },
        { field: 'sex', width: 70, title: '性别' },
        { field: 'birthday', width: 120, title: '出生日期' },
        { field: 'maray', width: 70, title: '婚否' },
        { field: 'addr', width: 170, title: '地址' },
        { field: 'company', width: 100, title: '公司' },
        { field: 'nianxin', width: 70, title: '年薪' },
        { field: 'zhiwei', width: 100, title: '职位' },
        { title: '管理', width: 200, template: this.cell1, align: 'center', hAlign: 'center' }];
    }

    @HostListener('window:resize')
    onresize() {
        const header = document.querySelector('.farris-header-wrapper') as any;
        const headerHeight = header.offsetHeight;
        this.box.nativeElement.style.height = (window.innerHeight - headerHeight) + 'px';
    }
}