import { LightningElement, track, api, wire } from 'lwc';
import getWrapperClassList from '@salesforce/apex/RetrieveApprovalRecordsController.getSubmittedRecords';
import gettotalcount from '@salesforce/apex/RetrieveApprovalRecordsController.gettotalcount';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import { NavigationMixin } from 'lightning/navigation';
import { refreshApex } from '@salesforce/apex';
export default class ApprovalRecords extends LightningElement {
    @api wrapperList = [];
    @api draftValues = [];
    @track error;
    @track sortBy;
    @track sortDirection;
    @track bShowModal = false;
    @track selectedcommentrowno;
    @track icomments = '';
    @track record;
    @track queryOffset;
    @track queryLimit;
    @track totalRecordCount;
    @track showinfiniteLoadingSpinner = true;
    @track showLoadingSpinner = false;
    @track isDialogVisible = false;
    @track originalMessage;
    @track wrapperListtrue = true;
    @track title;
    @api footertext;
    @track enable_app_rej = true;
    @track columns = [

        /* {
             label: '#',
             fieldName: 'recordId',
             type: 'url',
             initialWidth:50,
             typeAttributes: { label: 'View', target: '_blank' }
         },*/
        {
            label: '待审批项目',
            fieldName: 'nameUrl',
            type: 'url',
            typeAttributes:{
                label:{fieldName: 'recordName'},
                target:'_blank'
            },
            // initialWidth: 200,
            wrapText: true,
            sortable: false,
            hideDefaultActions: true
        },
        {
            label: '相关项',
            fieldName: 'relatedTo',
            type: 'text',
            initialWidth: 120,
            sortable: false,
            hideDefaultActions: true
        },
        {
            label: '提交人',
            fieldName: 'submittedBy',
            type: 'text',
            initialWidth: 80,
            sortable: false,
            hideDefaultActions: true
        }
        // {
        //     label: '提交时间',
        //     fieldName: 'submittedDate',
        //     type: 'date',
        //     initialWidth: 120,
        //     typeAttributes: {
        //         day: 'numeric',
        //         month: 'short',
        //         year: 'numeric'
        //         //hour: '2-digit',
        //         //minute: '2-digit',
        //         //second: '2-digit',
        //         //hour12: true
        //     },
        //     sortable: true
        // }
    ];
    wiredcountResults;
    @wire(gettotalcount) totalcount(result) {
        console.log('result.data' + result.data);
        this.wiredcountResults = result;
        if (result.data != undefined) {
        this.totalRecordCount = result.data;
        console.log('tota' + this.totalRecordCount);
        this.title = '要批准的项目';
        if (result.data > 0)
        this.wrapperListtrue = true;
        else {
        this.totalRecordCount = 0;
        this.title = '要批准的项目';
        this.wrapperListtrue = false;
        console.log('tota' + this.totalRecordCount);
        }
        } else if (result.error) {
        this.error = result.error;
        this.totalRecordCount = 0;
        this.title = '要批准的项目';
        this.wrapperListtrue = false;
        console.log('tota' + this.totalRecordCount);
        }
    }
    constructor() {
        super();
        this.title = '要批准的项目';
        this.showinfiniteLoadingSpinner = true;
        this.wrapperList = [];
        this.queryOffset = 0;
        this.queryLimit = 1000;
        this.loadRecords();
    }
    reloadrecords() {
        this.showLoadingSpinner = true;
        this.showinfiniteLoadingSpinner = true;
        this.queryOffset = 0;
        this.queryLimit = 1000;
        let flatData;
        this.wrapperList = [];
        console.log(this.totalRecordCount);
        return getWrapperClassList({ queryLimit: this.queryLimit, queryOffset: this.queryOffset })
            .then(result => {
                console.log(result);
                console.log(this.totalRecordCount);
                flatData = result;
                //deloitte-zhj 20231130 undefined 换成null
                console.log('flatData = ' + flatData);
                if (flatData != null) {
                    for (var i = 0; i < flatData.length; i++) {
                        flatData[i].recordId = '/' + flatData[i].recordId;
                    }
                    this.wrapperList = flatData;
                }
                this.showLoadingSpinner = false;
                console.log(this.wrapperList);
                this.showLoadingSpinner = false;
                return refreshApex(this.wiredcountResults);
                //this.error = undefined;
            }).catch(error => {
                console.log(error);
                this.showLoadingSpinner = false;
                this.error = error;
                this.dispatchEvent(
                    new ShowToastEvent({
                        title: 'Error',
                        message: result,
                        variant: 'info'
                    })
                );
                return refreshApex(this.wiredcountResults);
            })
    }
    loadRecords() { //you can build a method for a button
        this.showLoadingSpinner = true;

        let flatData;

        console.log('lr' + this.queryOffset);
        console.log('lr' + this.queryLimit);
        console.log('here is 0>>>>>>>>');
        return getWrapperClassList({ queryLimit: this.queryLimit, queryOffset: this.queryOffset })
            .then(result => {
                console.log('result>>>>'  + result);
                flatData = result;
                if (flatData != undefined) {
                    for (var i = 0; i < flatData.length; i++) {
                        flatData[i].recordId = '/' + flatData[i].recordId;
                    }

                    let updatedRecords = [...this.wrapperList, ...flatData];
                    this.wrapperList = updatedRecords;
                }
                this.showLoadingSpinner = false;
                console.log(this.wrapperList);
                refreshApex(this.wiredcountResults);
                this.title = '要批准的项目';
            }).catch(error => {
                console.log(error);
                this.showLoadingSpinner = false;
                this.error = error;
                refreshApex(this.wiredcountResults);
                this.title = '要批准的项目';
                this.dispatchEvent(
                    new ShowToastEvent({
                        title: 'Error',
                        message: result,
                        variant: 'info'
                    })
                );
            })
    }
    loadMoreData(event) {
        const { target } = event;
        this.showinfiniteLoadingSpinner = true;
        //Display a spinner to signal that data is being loaded
        console.log('lmr totalRecordCount' + this.totalRecordCount);
        console.log('lmr queryLimit' + this.queryLimit);
        console.log('lmr queryOffset' + this.queryOffset);
        if (this.totalRecordCount < this.queryLimit) {
            console.log(this.wrapperList);
            this.showinfiniteLoadingSpinner = false;
            return refreshApex(this.wiredcountResults);
        }
        else if (this.totalRecordCount > this.queryOffset) {
            this.queryOffset = this.queryOffset + 5;
            console.log('lmir queryLimit' + this.queryLimit);
            console.log('lmir queryOffset' + this.queryOffset);
            let flatData;
            return getWrapperClassList({ queryLimit: this.queryLimit, queryOffset: this.queryOffset })
                .then(result => {
                    target.isLoading = false;
                    console.log(result);
                    console.log(this.totalRecordCount);
                    flatData = result;
                    if (flatData != undefined) {
                        for (var i = 0; i < flatData.length; i++) {
                            flatData[i].recordId = '/' + flatData[i].recordId;
                        }
                        //this.wrapperList = this.wrapperList.concat(flatData);
                        let updatedRecords = [...this.wrapperList, ...flatData];
                        this.wrapperList = updatedRecords;
                    }
                    target.isLoading = false;
                    console.log(this.wrapperList);
                    this.showinfiniteLoadingSpinner = false;
                    return refreshApex(this.wiredcountResults);
                }).catch(error => {
                    console.log(error);
                    this.showinfiniteLoadingSpinner = false;
                    this.dispatchEvent(
                        new ShowToastEvent({
                            title: 'Error',
                            message: result,
                            variant: 'info'
                        })
                    );
                    return refreshApex(this.wiredcountResults);
                })
        } else {
            this.showinfiniteLoadingSpinner = false;
            target.isLoading = false;
            return refreshApex(this.wiredcountResults);
        }

    }

    enablebuttons(event)
    {
         const selectedRows = event.detail.selectedRows;
         var recordsCount = event.detail.selectedRows.length;
         if(recordsCount > 0)
         this.enable_app_rej = false;
         else
         this.enable_app_rej = true;
         
    }

    handleSortdata(event) {
        this.sortBy = event.detail.fieldName;
        this.sortDirection = event.detail.sortDirection;
        this.sortData(event.detail.fieldName, event.detail.sortDirection);
    }
    sortData(fieldname, direction) {
        this.showLoadingSpinner = true;
        let parseData = JSON.parse(JSON.stringify(this.wrapperList));
        let keyValue = (a) => {
            return a[fieldname];
        };
        let isReverse = direction === 'asc' ? 1 : -1;
        parseData.sort((x, y) => {
            x = keyValue(x) ? keyValue(x) : '';
            y = keyValue(y) ? keyValue(y) : '';

            return isReverse * ((x > y) - (y > x));
        });
        this.wrapperList = parseData;
        this.showLoadingSpinner = false;
    }
    openModal() { this.bShowModal = true; }
    closeModal() { this.bShowModal = false; }
    handleRowAction(event) {
        const actionName = event.detail.action.name;
        var row = event.detail.row;
        console.log(row);
        switch (actionName) {
            case 'view_record':
                this.viewrecord(row);
                break;
            case 'submitter_comments':
                this.opencomment(row);
                break;
            default:
        }
    }
    opencomment(row) {
        this.bShowModal = true;
        console.log(row);
        const { workItemId } = row;
        console.log(workItemId);
        this.record = row;
        console.log(this.record);
        this.icomments = this.record.submittercomment;
        console.log(this.bShowModal);
    }
    viewrecord(row) {
        this.record = row;
        console.log(this.record.recordId);
        window.open(this.record.recordId, '_blank');

    }
}