import {  NgModule ,Component, OnInit,EventEmitter,Output, OnDestroy,ElementRef ,Input,ContentChild,TemplateRef} from '@angular/core';
import { toBoolean } from './convert';
@Component({
    selector: 'cmt-table',
    templateUrl: 'table.component.html',
    styleUrls: ['./table.component.less'],
})
export class TableDocComponent implements OnInit, OnDestroy {
    _langleft: string;
    _langright: string;
    _basics:boolean;
    _frame:boolean;
    _datas:any;
    _fixedwidthleft:any;
    _fixedwidthrigth:any;
    _height:any;
    datasright:any;
    _pageSize = 10;
    _total: number;
    _current = 1;
    _isInit = false;
    _isAjax = false;
    _dataSet: any[] = [];
    data: any[] = [];

    private _isPagination = true;
    private _showSizeChanger = false;
    private _showQuickJumper = false;
    private _showTotal = false;
    private _isPageIndexReset = true;

    /////
    constructor(private el: ElementRef) {

    }
    
    @Output() nzPageSizeChange: EventEmitter<number> = new EventEmitter();
    @Output() nzPageIndexChange: EventEmitter<number> = new EventEmitter();
    @Output() nzPageIndexChangeClick: EventEmitter<number> = new EventEmitter();
    @Output() nzDataChange: EventEmitter<any[]> = new EventEmitter();

    /////
    @Input()
    set langleft(left: any) {
        this._langleft = left;
    };
    @Input()
    set langright(right: any) {
        this._langright = right;
    };
    @ContentChild(TemplateRef) template: TemplateRef<any>;
    @Input()
    set basics(basics: any) {
        this._basics = basics;
    };
    @Input()
    set frame(frame: any) {
        this._frame = frame;
    };
    @Input()
    set datas(data: any) {
        this._datas = data ;
        // ;
        for(let i=0;i<this._datas.length;i++){
            if("fixed" in this._datas[i]){ 
                if(this._datas[i].fixed=="left"){
                    this._langleft=this._datas[i].fixed;
                    this._fixedwidthleft=this._datas[i].width;
                }
                if(this._datas[i].fixed=="right"){
                    this._langright=this._datas[i].fixed;
                    this._fixedwidthrigth=this._datas[i].width;
                    this._height=(this._datas.length + 1)*32+"px";
                    // ;

                }
            }
        }
    };
    @Input()
    set widthleft(fixedwidth: any) {
        this._fixedwidthleft = fixedwidth;
    };
    @Input()
    set widthright(fixedwidth: any) {
        this._fixedwidthrigth = fixedwidth;
    };
////////////////////////////
    @Input()
    set nzDataSource(value: any[]) {
        this._dataSet = value;
        this.nzTotal = this._dataSet.length;
        this._generateData(true);
    }

    get nzDataSource(): any[] {
        return this._dataSet;
    }
    @Input()
    set nzIsPagination(value: boolean) {
      this._isPagination = toBoolean(value);
    }
  
    get nzIsPagination(): boolean {
      return this._isPagination;
    }
    @Input()
    set nzShowSizeChanger(value: boolean) {
        this._showSizeChanger = toBoolean(value);
    }
    @Input() nzPageSizeSelectorValues = [10, 20, 30, 40, 50];

    get nzShowSizeChanger(): boolean {
        return this._showSizeChanger;
    }

    @Input()
    set nzShowQuickJumper(value: boolean) {
      this._showQuickJumper = toBoolean(value);
    }
  
    get nzShowQuickJumper(): boolean {
      return this._showQuickJumper;
    }
    @Input()
    set nzShowTotal(value: boolean) {
      this._showTotal = toBoolean(value);
    }
  
    get nzShowTotal(): boolean {
      return this._showTotal;
    }
    @Input() nzSize: string;
    @Input()
    set nzPageSize(value: number) {
        if (this._pageSize === value) {
        return;
        }
        this._pageSize = value;
        this._generateData();
        if (this._isInit) {
        this.nzPageSizeChange.emit(value);
        }
    }

    get nzPageSize(): number {
        return this._pageSize;
    }
    @Input()
    set nzTotal(value: number) {
        if (this._total === value) {
        return;
        }
        this._total = value;
    }

    get nzTotal(): number {
        return this._total;
    }
    @Input()
    set nzPageIndex(value: number) {
        if (this._current === value) {
        return;
        }
        this._current = value;
        this._generateData();
        this.nzPageIndexChange.emit(this.nzPageIndex);
    }

    get nzPageIndex(): number {
        return this._current;
    }

    @Input()
    set nzIsPageIndexReset(value: boolean) {
      this._isPageIndexReset = toBoolean(value);
    }
  
    get nzIsPageIndexReset(): boolean {
      return this._isPageIndexReset;
    }
    _generateData(forceRefresh: boolean = false): void {
        ;
        if (!this._isAjax) {
        if (this.nzIsPagination) {
            if (forceRefresh) {
            if (this.nzIsPageIndexReset) {
                this.nzPageIndex = 1;
            } else {
                const maxPageIndex = Math.ceil(this._dataSet.length / this.nzPageSize);
                this.nzPageIndex = !this.nzPageIndex ? 1 : (this.nzPageIndex > maxPageIndex ? maxPageIndex : this.nzPageIndex);
            }
            }
            this.data = this._dataSet.slice((this.nzPageIndex - 1) * this.nzPageSize, this.nzPageIndex * this.nzPageSize);
        } else {
            this.data = this._dataSet;
        }
        this.nzDataChange.emit(this.data);
        }
    }
    pageChangeClick(value: number): void {
        this.nzPageIndexChangeClick.emit(value);
      }
    ngOnInit() {
    };
    ngOnDestroy() {

    };

}