/*
 * Copyright (C) 2022 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import {BaseElement, element} from "../../../../../base-ui/BaseElement.js";
import {LitTable} from "../../../../../base-ui/table/lit-table.js";
import {SelectionParam} from "../../../../bean/BoxSelection.js";
import {
    getTabPaneFilesystemStatistics,
} from "../../../../database/SqlLite.js";
import {Utils} from "../../base/Utils.js";
import {LitProgressBar} from "../../../../../base-ui/progress-bar/LitProgressBar.js";

@element('tabpane-file-statistics')
export class TabPaneFileStatistics extends BaseElement {
    private tbl: LitTable | null | undefined;
    private range: HTMLLabelElement | null | undefined;
    private loadDataInCache: boolean = true;
    private selectionParam:SelectionParam | null | undefined;
    private progressEL:LitProgressBar | null | undefined;
    private loadingPage:any;
    private loadingList:number[] = [];
    private source: Array<any> = [];
    private typeList: Array<string> = ["OPEN", "CLOSE", "READ" , "WRITE"];
    private sortKey: string = "";
    private sortType: number = 0;

    set data(val: SelectionParam | any) {
        if(val == this.selectionParam){
            return;
        }
        this.progressEL!.loading = true
        this.loadingPage.style.visibility = "visible"
        this.selectionParam = val;
        // @ts-ignore
        this.tbl!.shadowRoot!.querySelector(".table").style.height = (this.parentElement!.clientHeight - 25) + "px"
        this.queryDataByDB(val)
    }

    initElements(): void {
        this.progressEL = this.shadowRoot!.querySelector<LitProgressBar>('.progress')
        this.loadingPage = this.shadowRoot!.querySelector('.loading');
        this.tbl = this.shadowRoot!.querySelector<LitTable>('#tb-states');
        this.tbl!.addEventListener('column-click', (evt) => {
            // @ts-ignore
            this.sortKey = evt.detail.key
            // @ts-ignore
            this.sortType = evt.detail.sort;

            let newSource = JSON.parse(JSON.stringify(this.source));
            if (this.sortType != 0 && newSource.length > 0) this.sortTable(newSource[0],this.sortKey);
            this.tbl!.recycleDataSource = newSource;
        })
    }

    connectedCallback() {
        super.connectedCallback();
        new ResizeObserver((entries) => {
            if (this.parentElement!.clientHeight != 0) {
                // @ts-ignore
                this.tbl!.shadowRoot!.querySelector(".table").style.height = (this.parentElement!.clientHeight - 25) + "px"
                this.tbl!.reMeauseHeight()
                this.loadingPage.style.height = (this.parentElement!.clientHeight - 24) + "px"
            }
        }).observe(this.parentElement!);
    }

    getInitData(item:any){
        return {
            ...item,
            title : item.name+"("+item.pid+")",
            logicalWrites : Utils.getBinaryByteWithUnit(item.logicalWrites),
            logicalReads : Utils.getBinaryByteWithUnit(item.logicalReads),
            otherFile : Utils.getBinaryByteWithUnit(item.otherFile),
            allDuration : Utils.getProbablyTime(item.allDuration),
            minDuration : Utils.getProbablyTime(item.minDuration),
            maxDuration : Utils.getProbablyTime(item.maxDuration),
            avgDuration : Utils.getProbablyTime(item.avgDuration),
            node:{...item,children:[]},
        }
    }

    queryDataByDB(val: SelectionParam | any) {
        this.loadingList.push(1)
        this.progressEL!.loading = true
        this.loadingPage.style.visibility = "visible";
        getTabPaneFilesystemStatistics(val.leftNs + val.recordStartNs,val.rightNs + val.recordStartNs).then(result => {
            this.loadingList.splice(0,1)
            if(this.loadingList.length == 0) {
                this.progressEL!.loading = false
                this.loadingPage.style.visibility = "hidden"
            }
            let fatherMap = new Map<any,any>()
            let allNode:any = {
                title:"All",
                count:0,
                logicalReads:0,
                logicalWrites:0,
                otherFile:0,
                allDuration:0,
                minDuration:0,
                maxDuration:0,
                avgDuration:"",
                children:[],
            };
            result.forEach((item,idx)=>{
                if (fatherMap.has(item.type)) {
                    let obj1 = fatherMap.get(item.type);
                    obj1.count += item.count;
                    obj1.logicalReads += item.logicalReads;
                    obj1.logicalWrites += item.logicalWrites;
                    obj1.otherFile += item.otherFile;
                    obj1.allDuration += item.allDuration;
                    obj1.minDuration = obj1.minDuration<=item.minDuration?obj1.minDuration:item.minDuration;
                    obj1.maxDuration = obj1.maxDuration>=item.maxDuration?obj1.maxDuration:item.maxDuration;
                    obj1.children.push(this.getInitData(item));
                }else {
                    fatherMap.set(item.type,{
                        type:item.type,
                        count:item.count,
                        logicalReads:item.logicalReads,
                        logicalWrites:item.logicalWrites,
                        otherFile:item.otherFile,
                        allDuration:item.allDuration,
                        minDuration:item.minDuration,
                        maxDuration:item.maxDuration,
                        children:[this.getInitData(item)]
                    })
                }
                if (idx == 0) {
                    allNode.minDuration = item.minDuration;
                }else {
                    allNode.minDuration = allNode.minDuration<=item.minDuration?allNode.minDuration:item.minDuration;
                }
                allNode.count += item.count;
                allNode.logicalReads += item.logicalReads;
                allNode.logicalWrites += item.logicalWrites;
                allNode.otherFile += item.otherFile;
                allNode.allDuration += item.allDuration;
                allNode.maxDuration = allNode.maxDuration>=item.maxDuration?allNode.maxDuration:item.maxDuration;
            })
            fatherMap.forEach((item)=>{
                item.avgDuration = item.allDuration/item.count;
                let node = this.getInitData(item);
                if (item.type < 4) {
                    node.title = this.typeList[item.type]
                }else {
                    node.title = item.type;
                }
                allNode.children.push(node)
            })
            allNode.avgDuration = allNode.allDuration/allNode.count;
            allNode = this.getInitData(allNode);
            allNode.title = "All";
            this.source = result.length > 0 ? [allNode] : [];
            let newSource = JSON.parse(JSON.stringify(this.source));
            if (this.sortType != 0 && result.length > 0) this.sortTable(newSource[0],this.sortKey);
            this.tbl!.recycleDataSource = newSource;
        })
    }

    sortTable(allNode:any,key:string){
        allNode.children.sort((a:any, b:any) => {
            if (this.sortType == 1) {
                return a.node[key] - b.node[key]
            }else if (this.sortType == 2) {
                return b.node[key] - a.node[key]
            }
        });
        allNode.children.forEach((item:any)=>{
            item.children.sort((a:any, b:any) => {
                if (this.sortType == 1) {
                    return a.node[key] - b.node[key]
                }else if (this.sortType == 2) {
                    return b.node[key] - a.node[key]
                }
            })
        });
    }

    initHtml(): string {
        return `
        <style>
        :host{
            display: flex;
            flex-direction: column;
            padding: 10px 10px;
        }
        .progress{
            bottom: 5px;
            position: absolute;
            height: 1px;
            left: 0;
            right: 0;
        }
        .loading{
            bottom: 0;
            position: absolute;
            left: 0;
            right: 0;
            width:100%;
            background:transparent;
            z-index: 999999;
        }
        </style>
        <lit-table id="tb-states" style="height: auto" tree>
            <lit-table-column width="20%" title="Syscall/Process" data-index="title" key="title" align="flex-start">
            </lit-table-column>
            <lit-table-column width="1fr" title="Count" data-index="count" key="count" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Logical Writes" data-index="logicalWrites" key="logicalWrites" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Logical Reads" data-index="logicalReads" key="logicalReads" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Other Filesystem Bytes" data-index="otherFile" key="otherFile" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Duration" data-index="allDuration" key="allDuration" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Min Duration" data-index="minDuration" key="minDuration" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Avg Duration" data-index="avgDuration" key="avgDuration" align="flex-start" order>
            </lit-table-column>
            <lit-table-column width="1fr" title="Max Duration" data-index="maxDuration" key="maxDuration" align="flex-start" order>
            </lit-table-column>
        </lit-table>
        <lit-progress-bar class="progress"></lit-progress-bar>
        <div class="loading"></div>
        `;
    }
}