import { Component, OnInit, ViewChild, Renderer2 } from '@angular/core';
import { BasicDataService } from '../../../services/basic-data-service';
import { OperateSpinServiceService } from '../../../services/operate-spin-service.service';
import * as $ from 'jquery';
@Component({
    selector: 'app-aircraft',
    templateUrl: './aircraft.component.html',
    styleUrls: ['../basic.scss']
})
export class AircraftComponent implements OnInit {

    constructor(
        private renderer2: Renderer2,
        private basicDataService: BasicDataService,
        private operateSpinServiceService: OperateSpinServiceService
    ) {
        this.operateSpinServiceService.showSpin();
    }

    public render_col_lists = [
        { COL_CODE: 'aircraftNumber', COL_CN: '飞机号', COL_WIDTH: "85px" },
        { COL_CODE: 'maxPassengers', COL_CN: '最大乘客数', COL_WIDTH: "120px" },
        { COL_CODE: 'maxFreightWeight', COL_CN: '最大货物重量', COL_WIDTH: "120px" },
        { COL_CODE: 'maxTakeoffWeight', COL_CN: '最大起飞重量', COL_WIDTH: "120px" },
        { COL_CODE: 'maxAirbridges', COL_CN: '最大廊桥数', COL_WIDTH: "120px" },
        { COL_CODE: 'airlineOwnerName', COL_CN: '机主航空公司', COL_WIDTH: "120px" },
        { COL_CODE: 'airlineName', COL_CN: '航空公司', COL_WIDTH: "120px" },
        { COL_CODE: 'aircraftTypeName', COL_CN: '机型', COL_WIDTH: "120px" }
    ]

    // 搜索条件
    SEARCH = '';    //手动输入条件
    LASTSEARCH = '';
    FLT_POS = 1;    //过滤还是定位
    SEL_COL = '';   //选择列名
    LAST_SEL_COL = '';

    //下拉框
    public filterItems = {
        airlineCode: '',
        aircraftTypeCode: '',
    }
    public airlines: Array<any>; //航空公司
    public aircraftTypes: Array<any>; //机型
    public aircrafts: Array<any>;

    public wait_render_data: Array<object> = [];
    public render_data: Array<object> = [];  //显示数据，即需要显示的数据
    public selectedFilterData: Array<object> = [];

    public row_state: any = {};

    @ViewChild('pageContent') pageContent;
    @ViewChild('searchFilter') searchFilter;
    @ViewChild('tableContainer') tableContainer;
    @ViewChild('tableHead') tableHead;
    @ViewChild('tableBody') tableBody;
    @ViewChild('tableContent') tableContent;

    trItemHeight: number = 42;
    start: number = 0;
    end: number = 0;
    visibleCount: number = 0;
    scrollTop: number = 0;

    ngOnInit() {
        window.onresize = function () {
            this.calcVisibleCount();
        }.bind(this)

        this.aircraftTypes = this.basicDataService.aircraft_type;
        this.aircrafts = this.basicDataService.aircraft;
        this.airlines = this.basicDataService.airline;

        if (this.airlines && Array.isArray(this.airlines)) {
            this.dataTransfer();
        } else {
            this.basicDataService.aircraft_type_subject.subscribe(
                data => {
                    this.aircraftTypes = data;
                }
            )
            this.basicDataService.aircraft_subject.subscribe(
                data => {
                    this.aircrafts = data;
                }
            )
            this.basicDataService.airline_subject.subscribe(
                data => {
                    this.airlines = data;
                    this.dataTransfer();
                }
            )
        }
    }

    //航空公司数据转换处理
    airlinesTransHandle(item) {
        let airlinesLinkIndex = this.airlines.findIndex(val => val.airlineCode === item['airlineCode']);
        if (airlinesLinkIndex > -1) {
            item['airlineName'] = this.airlines[airlinesLinkIndex].airlineName;
        }
    }

    //机主航空公司数据转换出来
    airlineOwnerTransHandle(item) {
        let airlinesLinkIndex = this.airlines.findIndex(val => val.airlineCode === item['aircraftOwnerCode']);
        if (airlinesLinkIndex > -1) {
            item['airlineOwnerName'] = this.airlines[airlinesLinkIndex].airlineName;
        }
    }

    //机型数据转换处理
    aircraftTypeHandle(item) {
        let aircraftTypesLinkIndex = this.aircraftTypes.findIndex(val => val.aircraftTypeCode === item['aircraftTypeCode']);
        if (aircraftTypesLinkIndex > -1) {
            item['aircraftTypeName'] = this.aircraftTypes[aircraftTypesLinkIndex].aircraftTypeName;
        }
    }

    //数据转换统一处理
    dataTransfer() {
        this.aircrafts.forEach(item => {
            this.airlinesTransHandle(item);
            this.airlineOwnerTransHandle(item);
            this.aircraftTypeHandle(item);
        })

        this.wait_render_data = this.aircrafts;
        this.selectedFilterData = this.aircrafts;
        this.calcVisibleCount();

        //默认选中第一条
        if (this.render_data.length > 0) {
            this.row_state = this.render_data[0];
        }
        this.operateSpinServiceService.hideSpin();
    }

    /**
     * 设置动态设置单元格的宽度
     * @param isLast 
     */
    setWidth(isLast) {
        if (isLast) {
            $(".table-body tbody>tr").eq(0).find('td').each((index, element) => {
                $(".table-head table thead tr").eq(0).find('th').eq(index).attr('width', $(element).outerWidth() + 'px');
            })
            if (this.tableBody.nativeElement.scrollHeight <= (this.tableBody.nativeElement.innerHeight || this.tableBody.nativeElement.clientHeight)) {
                this.tableHead.nativeElement.style.overflowY = 'auto';
            } else {
                this.tableHead.nativeElement.style.overflowY = 'scroll';
            }
        }
        return true;
    }

    /**
     * 纵向滚动条滚动渲染数据
     */
    handleScroll() {
        const scrollTop = this.tableBody.nativeElement.scrollTop;
        $(".table-head").scrollLeft($('.table-body').scrollLeft());
        const fixedScrollTop = scrollTop - scrollTop % this.trItemHeight;
        this.tableContent.nativeElement.style.webkitTransform = `translateY(${fixedScrollTop}px)`;
        this.start = Math.floor(scrollTop / this.trItemHeight);
        this.end = this.start + this.visibleCount;
        this.render_data = this.wait_render_data.slice(this.start, this.end);
    }

    /**
     * 计算可视区域数据的渲染
     */
    calcVisibleCount() {
        this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.pageContent.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 35 + 'px');
        this.renderer2.setStyle(this.tableBody.nativeElement, 'height', this.tableContainer.nativeElement.offsetHeight - this.tableHead.nativeElement.offsetHeight + 'px');
        this.visibleCount = Math.ceil(this.tableBody.nativeElement.clientHeight / this.trItemHeight);
        const scrollTop = this.tableBody.nativeElement.scrollTop;
        const fixedScrollTop = scrollTop - scrollTop % this.trItemHeight;
        this.tableContent.nativeElement.style.transform = `translateY(${fixedScrollTop}px)`;

        this.start = Math.floor(scrollTop / this.trItemHeight);
        this.end = this.start + this.visibleCount;
        this.render_data = this.wait_render_data.slice(this.start, this.end);
    }

    /**
     * 选中某行
     * @param aircraft 
     */
    selectRow(aircraft) {
        this.row_state = aircraft;
    }

    /**
     * 判断当前行是否是选中的行,是则高亮
     * @param aircraft 
     */
    getSelectedRow(aircraft) {
        if (aircraft.aircraftId === this.row_state.aircraftId) {
            return true;
        } else {
            return false;
        }
    }

    //输入框回车事件
    inputEnter() {
        if (this.FLT_POS === 1) {
            this.LAST_SEL_COL = this.SEL_COL;
            this.LASTSEARCH = this.SEARCH;
            this.operateSpinServiceService.showSpin();
            this.inputFilter(this.selectedFilterData);
        } else {
            this.inputPosition(this.wait_render_data)
        }
    }

    //下拉框选择筛选
    selectChange() {
        this.operateSpinServiceService.showSpin();
        this.positionedArray = [];
        this.positionArrayIndex = 0;
        let filter_data = this.aircrafts.filter(item => {
            let is_satis = true;
            for (const key in this.filterItems) {
                if (this.filterItems.hasOwnProperty(key) && this.filterItems[key]) {
                    if (item[key] === this.filterItems[key]) {
                        is_satis = true;
                        continue;
                    } else {
                        is_satis = false;
                        break;
                    }
                }
            }
            return is_satis;
        })
        this.selectedFilterData = filter_data;


        if (this.FLT_POS === 1) {
            this.inputFilter(filter_data);
        } else {
            this.wait_render_data = filter_data;
            this.render_data = this.wait_render_data.slice(this.start, this.end);

            let hasSelectedRow: boolean = false;
            for (let i = 0; i < this.wait_render_data.length; i++) {
                let aircraft = this.wait_render_data[i];
                if (aircraft['aircraftId'] === this.row_state.aircraftId) {
                    this.row_state = aircraft;
                    hasSelectedRow = true;
                    break;
                }
            }
            if (!hasSelectedRow) {
                if (this.render_data.length > 0) {
                    this.row_state = this.render_data[0];
                }
            }
            this.operateSpinServiceService.hideSpin();
        }
    }

    //输入框筛选
    inputFilter(filterData) {
        if (this.LASTSEARCH) {
            if (this.LAST_SEL_COL) {
                let sel_col = this.LAST_SEL_COL;
                filterData = filterData.filter(item => {
                    if (item[sel_col]) {
                        if (item[sel_col].toString().match(new RegExp(this.LASTSEARCH, 'i'))) {
                            return true;
                        }
                    } else {
                        return false;
                    }
                })
            } else {
                filterData = filterData.filter(item => {
                    let is_satis = false;
                    let cols = this.render_col_lists;
                    for (let i = 0; i < cols.length; i++) {
                        if (item[cols[i]['COL_CODE']]) {
                            if (item[cols[i]['COL_CODE']].toString().match(new RegExp(this.LASTSEARCH, 'i'))) {
                                is_satis = true;
                                break;
                            } else {
                                is_satis = false;
                                continue;
                            }
                        } else {
                            is_satis = false;
                            continue;
                        }
                    }
                    return is_satis;
                })
            }
        }
        this.wait_render_data = filterData;
        this.render_data = this.wait_render_data.slice(this.start, this.end);

        let hasSelectedRow: boolean = false;
        for (let i = 0; i < this.wait_render_data.length; i++) {
            let aircraft = this.wait_render_data[i];
            if (aircraft['aircraftId'] === this.row_state.aircraftId) {
                this.row_state = aircraft;
                hasSelectedRow = true;
                break;
            }
        }
        if (!hasSelectedRow) {
            if (this.render_data.length > 0) {
                this.row_state = this.render_data[0];
            }
        }
        this.operateSpinServiceService.hideSpin();
    }

    positionedArray: Array<any> = [];
    positionArrayIndex: number = 0;
    //输入框定位
    inputPosition(filterData) {
        let hasSearchData: boolean = false;
        let hasPositionedEle: boolean = false;
        if (this.SEL_COL) {
            let sel_col = this.SEL_COL;
            for (let i = 0; i < filterData.length; i++) {
                if (i === filterData.length - 1) {
                    this.positionedArray = [];
                    this.positionArrayIndex = 0;
                }
                let fliterElement = filterData[i];
                if (fliterElement[sel_col]) {
                    if (fliterElement[sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
                        let hasThisEle: boolean = false;
                        hasSearchData = true;
                        for (let k = 0; k < this.positionedArray.length; k++) {
                            let positionedElement = this.positionedArray[k];
                            let diffResult = (positionedElement.aircraftId === fliterElement.aircraftId);
                            if (diffResult) {
                                hasThisEle = true;
                                break;
                            } else {
                                continue;
                            }
                        };
                        if (!hasThisEle) {
                            hasPositionedEle = true;
                            this.row_state = fliterElement;
                            this.positionArrayIndex = i;
                            this.positionedArray.push(fliterElement);
                            break;
                        }
                    } else {
                        continue;
                    }
                } else {
                    if (!this.SEARCH) {
                        let hasThisEle: boolean = false;
                        hasSearchData = true;
                        for (let k = 0; k < this.positionedArray.length; k++) {
                            let positionedElement = this.positionedArray[k];
                            let diffResult = (positionedElement.aircraftId === fliterElement.aircraftId);
                            if (diffResult) {
                                hasThisEle = true;
                                break;
                            } else {
                                continue;
                            }
                        };
                        if (!hasThisEle) {
                            hasPositionedEle = true;
                            this.row_state = fliterElement;
                            this.positionArrayIndex = i;
                            this.positionedArray.push(fliterElement);
                            break;
                        }
                    } else {
                        continue;
                    }
                }
            }
        } else {
            let cols = this.render_col_lists;
            for (let i = 0; i < filterData.length; i++) {
                if (i === filterData.length - 1) {
                    this.positionedArray = [];
                    this.positionArrayIndex = 0;
                }
                let positionIsOk: boolean = false;
                let filterElement = filterData[i];
                for (let j = 0; j < cols.length; j++) {
                    let elementCol = cols[j];
                    if (filterElement[elementCol['COL_CODE']]) {
                        if (filterElement[elementCol['COL_CODE']].toString().match(new RegExp(this.SEARCH, 'i'))) {
                            let hasThisEle: boolean = false;
                            hasSearchData = true;
                            for (let k = 0; k < this.positionedArray.length; k++) {
                                let positionedElement = this.positionedArray[k];
                                let diffResult = (positionedElement.aircraftId === filterElement.aircraftId);
                                if (diffResult) {
                                    hasThisEle = true;
                                    break;
                                } else {
                                    continue;
                                }
                            };
                            if (!hasThisEle) {
                                hasPositionedEle = true;
                                positionIsOk = true;
                                this.row_state = filterElement;
                                this.positionArrayIndex = i;
                                this.positionedArray.push(filterElement);
                            }
                            break;
                        } else {
                            continue;
                        }
                    } else {
                        if (!this.SEARCH) {
                            let hasThisEle: boolean = false;
                            hasSearchData = true;
                            for (let k = 0; k < this.positionedArray.length; k++) {
                                let positionedElement = this.positionedArray[k];
                                let diffResult = (positionedElement.aircraftId === filterElement.aircraftId);
                                if (diffResult) {
                                    hasThisEle = true;
                                    break;
                                } else {
                                    continue;
                                }
                            };
                            if (!hasThisEle) {
                                hasPositionedEle = true;
                                positionIsOk = true;
                                this.row_state = filterElement;
                                this.positionArrayIndex = i;
                                this.positionedArray.push(filterElement);
                            }
                            break;
                        } else {
                            continue;
                        }
                    }
                }
                if (positionIsOk) {
                    break;
                }
            }
        }

        if (!hasSearchData) {
            alert("没有搜索到相关数据");
        }
        if (hasPositionedEle) {
            const scrollTop = this.positionArrayIndex * this.trItemHeight
            this.tableBody.nativeElement.scrollTop = scrollTop;
        }
    }

    /**
     * 重置定位数组
     */
    resetPositionArray() {
        this.positionedArray = [];
        this.positionArrayIndex = 0;
    }
}