import { LightningElement,wire,api,track } from 'lwc';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import { NavigationMixin } from 'lightning/navigation';
import initPage from '@salesforce/apex/TopPageLwcController.initPage';

export default class TopPageLwc extends NavigationMixin(LightningElement) {

    @track title = [];
    @track raesList = [];
    @track column = [];
    @track overlimitdateorderdetails = [];
    @track accountInfo;
    @track accountId;
    @track pageRecords = [];
    @track csvData = [];
    @track product_Limit;
    @track over_view = false;
    @track overlimit = false;
    @track hasHos = false;
    @track activeSections = ['A', 'B','C'];
    @track isRender = false;
    @track consumableorderdetailsRecordsview;


    connectedCallback(){
        initPage()
            .then(result=>{
                if(result.result == 'Success'){
                    this.title = result.title;
                    this.raesList = result.raesList;
                    this.column = result.column;
                    this.accountInfo = result.accountInfo;
                    this.accountId = result.accountInfo.Id;
                    this.pageRecords = result.pageRecords;
                    this.overlimitdateorderdetails = result.overlimitdateorderdetails;
                    this.over_view = result.over_view;
                    this.overlimit = result.overlimit;
                    this.hasHos = result.hasHos;
                    this.product_Limit = result.product_Limit;
                    this.consumableorderdetailsRecordsview = result.consumableorderdetailsRecordsview;
                    console.log('this.accountId:'+this.accountId);
                    console.log('this.accountInfo:'+JSON.stringify(this.accountInfo));
                }else{
                    console.log("Error:"+result.errorMsg);
                    const evt = new ShowToastEvent({
                        title : '初始化页面失败',
                        message: result.errorMsg,
                        variant: 'error'
                    });
                    this.dispatchEvent(evt);
                }
            });
    }

    renderedCallback(){
        if(!this.isRender){
            this.isRender = true;
            var tableStr = productLimitTableJs(this.product_Limit);
            const container = this.template.querySelector('div.resultDiv');
            container.innerHTML = tableStr;
        }

        function productLimitTableJs(str){
            var csv_data = new Array();
            if(str != null && str != ''){
                csv_data = productlist(str);
            }
            var table = '<table border="0" cellpadding="0" cellspacing="0" class="list" Id = "tab1"><tr class="headerRow"><th>产品型号</th><th>库存下限</th><th>库存上限</th></tr>';
            for (var i = 0; i < csv_data.length; i++) {
                table = table + '<tr class="dataRow">';
                var row = csv_data[i];
                for (var j = 0; j < row.length; j++) {
                    table = table + '<td class="dataCell" style="text-align: center" id = "input' + j +'">';
                    var colu = row[j];
                    table = table + colu + '</td>';
                }
                table = table + '</tr>';
            }
            var table = table + '</table>';
            return table;
        }

        function productlist(text_data) {
            var records = new Array();
            var record = new Array();
            var column = new Array();
            var quot_flg = false;
            for (var i = 0; i < text_data.size(); i++) {
                var ch = text_data.charAt(i);
                if (ch == ',') {
                    if (quot_flg) {
                        column.push(',');
                    } else {
                        record.push(column.join(''));
                        column = new Array();
                        records.push(record);
                        record = new Array();
                    }
                } else if (ch == '|') {
                    if (quot_flg) {
                        column.push('|');
                    } else {
                        record.push(column.join(''));
                        column = new Array();
                    }
                } else if (ch == '"') {
                    if (quot_flg) {
                        if ((i + 1) < text_data.size() && text_data.charAt((i + 1)) == '"') {
                            i++;
                            column.push('"');
                        } else {
                            quot_flg = false;
                        }
                    } else {
                        quot_flg = true;
                    }
                } else {
                    column.push(ch);
                }
            }
            if (record.length != 0) {
                record.push(column.join(''));
                records.push(record);
            }
            return records;
        }
    }

    editProductLimit(event){
        const config = {
            type: 'standard__webPage',
            attributes: {
                url: '/LexProductLimitEdit'
            }
        };
        this[NavigationMixin.Navigate](config);
    }
}