DevExpress.config({ editorStylingMode: "filled" });  

var kot = ["dohromady", "B4", "B5", "B7"];
var kotle = [{"name":"B4"}, {"name":"B5"}, {"name":"B7"}];
var footer = ["průměr","minimum","maximum","suma"];
var footer2 = ["minimum","maximum","suma"];

var cas = ["měsíc", "3 měsíce", "rok", "vše"];
var typAV = ["vzorkovač pro K4", "vzorkovač pro K5", "vzorkovač pro K7"];
var SILO = ["SF4 - V14", "SF5 - V15", "SF7 - V17", "LP - V2"];

window.ShowChart60 = 0;
window.ShowChart15 = 0;

window.VLDateFrom = "*";
window.VLDateTo   = "*";  

window.DateFrom60 = "*";
window.DateTo60   = "*";
window.DateFrom15 = "*";
window.DateTo15   = "*";

window.JidelnicekMisto = 1;

window.SILODateFrom = "*";

function LoadFrm($data) {

    console.log('LoadFrm: '+$data);
    if ($data=='El-60')                { ElFrm();}
    else if ($data=='El-15')           { El15Frm(); }                                    

    else if ($data=='Gas')             { GasFrm(); }                                    
    else if ($data=='GasGrid')         { GasGridFrm(); }                                        

    else if ($data=='ElDiagramFrm')    { ElDiagramFrm(); }                                
    else if ($data=='HomeTemperature') { TemperatureFrm(); }                                    
    else if ($data=='HomePressure')    { PressureFrm(); }

    else if ($data=='Lab')             { AVFrm(); }
    else if ($data=='Lab-VP')          { VPFrm(); }
    else if ($data=='Lab-NE')          { NEFrm(); }
    else if ($data=='Lab-CH')          { CHFrm(); }    

    else if ($data=='Contacts')        { ContactFrm(); }        

    else if ($data=='KatalogKKS')      { SignalyKKSFrm(); }            

    else if ($data=='Jid-LOG')         { JidLogFrm(); }
    else if ($data=='Jid-SOUHRN')      { JidStatFrm(); }
    else if ($data=='Jid-JIDELNICEK')  { JidJidelnicekFrm(); }
    else if ($data=='Jid-SEZNAM')      { JidSeznamFrm(); }    
    else if ($data=='Jid-OBJ')         { JidObjednatFrm(); ObjednatReadData(); }

    else if ($data=='Papers')          { VLFrm(); }
    else if ($data=='Papers-Pivot')    { VLPivotFrm(); }

    else if ($data=='Remit')           { ReFrm(); }    
    else if ($data=='Coal')            { CoalFrm(); }            

    else if ($data=='Temperature')     { TemperatureFrm(); }    
    else if ($data=='Temperature-Day') { TemperatureDayFrm(); }            

    else if ($data=='Pressure')        { PressureFrm(); }    
    else if ($data=='Pressure-Day')    { PressureDayFrm(); }            

    else if ($data=='SILO')            { SILOFrm(); }                

    else if ($data=='HomeHelp')        {  }    
    else if ($data=='HomeFiles')       {  }    

    else if ($data=='Data-KKS-min')    { DataKKSminFrm(); }  
    else if ($data=='Data-KKS-Drevosrot')  { DrevosrotFrm();}

    else { HomeFrm(); } 
    
}


function prepareMenuListener() {

    var $MainMenu = document.querySelector('#MainMenu');

    console.log('prepareMenuListener');
    $MainMenu.addEventListener('click', function(e){
        if(e.target != e.currentTarget){
            e.preventDefault();
        var $data = e.target.getAttribute('data-name'),
        url = "/login/?p="+$data;
        history.pushState($data, null, url);
        document.title = "Teplárna Kladno |  " + $data;
        console.log($data);
        LoadFrm($data);
        }
        e.stopPropagation();
    }, false);   

}

 /* id: -1 */ var dateList = ["5/2024","4/2024","3/2024","2/2024","1/2024","12/2023","11/2023","10/2023","9/2023","8/2023","7/2023","6/2023"]; 
var yearList = ["2024","2023","2022","2021","2020","2019","2018","2017","2016","2015","2014","2013"];
var $loader ='<div class="lds-roller-progress lds-roller lds-roller-black"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>';

function FilesFrm() {
    console.log('FilesFrm');
    $('#ModalFiles').modal({ show: true });

    $.ajax({
        url: "AjaxFiles.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("FilesList").innerHTML = result;  
        }
    });    
                           
}

function AdmFrm() {
    console.log('AdmFrm');
    $('#ModalAdmin').modal({ show: true });

    $.ajax({
        url: "AjaxAdm.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("UserList").innerHTML = result;  
        }
    });    
                           
}

function HelpFrm() {
    $('#ModalHelp').modal({ show: true });                               
}

function AdmDiagramFrm() {
    console.log('AdmDialogFrm');
    $('#ModalAdminDiagram').modal({ show: true });                           

    $.ajax({
        url: "AjaxAdmDiagram.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("DiagramList").innerHTML = result;  
        }
    });      
}

function AdmHistoryFrm() {
    console.log('AdmFrm');
    $('#ModalAdminHistory').modal({ show: true });

    $.ajax({
        url: "AjaxAdmHistory.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("HistoryLog").innerHTML = result;  
        }
    });    
                           
}

function AdmIn($id) {

    console.log('AdmIn'+$id);

    $('#ModalAdmin').modal('hide');
    $('#ModalAdminHistory').modal('hide');  

    $.ajax({
        url: "AjaxAdm.php?adm="+$id,
        dataType : "html",
        data: { adm: $id },
        success: function(result) {   
            /* console.log(result);          */
            HomeFrm();

            /* console.log('in > '+$id+' '+result);*/
            /*
            setTimeout(function(){
                
            }, 1000);            
            */
            
        }
    });    
    
}

function AdmUnlock($id) {
    console.log('AdmUnlock'+$id);

    $('#ModalAdmin').modal('hide');

    $.ajax({
        url: "AjaxAdm.php?adm="+$id+"&unl=121",
        dataType : "html",
        success: function(result) {             
            HomeFrm();
        }
    });    
    
}

function AdmLock($id) {
    console.log('AdmLock'+$id);

    $('#ModalAdmin').modal('hide');

    $.ajax({
        url: "AjaxAdm.php?adm="+$id+"&loc=901",
        dataType : "html",
        success: function(result) {             
            HomeFrm();
        }
    });    
    
}

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

function HomeFrm() {
    

    console.log('AjaxHome.php');
    window.GetDate = 0;
    console.log('Home Frm Prepare'); 
    document.getElementById("MenuDashboardSubmenu").innerHTML = 'moment ...'; 

    document.getElementById("MainPlace").innerHTML=$loader;

    setTimeout(function() {

    $.ajax({
        url: "AjaxHome.php",
        dataType : "script",
        success: function(result) {   
            console.log('Home Frm Prepare > IN'); 
            
            /* console.log(result);  */

            $.ajax({
                url: "frm-home.php",
                dataType : "html",
                success: function(result) { 
                    console.log('frm-home > '+strLoginID);
                    document.getElementById("MenuDashboardSubmenu").innerHTML = '';  
                    document.getElementById("MainPlace").innerHTML = result;   

                    if (strAdmin !== '') { 
                        document.getElementById("HomeAdmName").innerHTML = strAdmin;
                        document.getElementById("HomeAd").classList.remove("hide");  
                        document.getElementById("HomeJidelna").classList.remove("hide");  
                    }

                    if ((strLoginID == 5747)||(strLoginID == 5748)||(strLoginID == 505748)||(strStravnik !== '')) {
                        document.getElementById("HomeJidelna").classList.remove("hide");   
                        document.getElementById("login-user").innerHTML = strStravnik;                       
                    }          

                    if ((strLoginID == 5748)||(strLoginID > 499999)) {
                        document.getElementById("HomeJidelnaMisto").innerHTML = 'Zlín';
                    } else {
                        document.getElementById("HomeJidelnaMisto").innerHTML = 'Kladno';
                    }                                         
                    
                    if (strJmeno !== '') {
                        document.getElementById("login-user").innerHTML = strJmeno; 
                    } else if (strStravnik == '') {
                        document.getElementById("login-user").innerHTML = "???";                         
                    }
                    
                    document.getElementById("CustomersCount").innerHTML = strCustomersCount;
                    document.getElementById("login-name").innerHTML = strLoginName;                     
                    document.getElementById("login-company").innerHTML = strLoginCompany;                                         
                    document.getElementById("login-ico").innerHTML = strLoginICO;
                    document.getElementById("login-email").innerHTML = strLoginMail;
                    document.getElementById("login-id").innerHTML = strLoginID;
                    document.getElementById("login-phone").innerHTML = strLoginPhone;                    
                    document.getElementById("login-address").innerHTML = strLoginAddress;
                    document.getElementById("login-city").innerHTML = strLoginCity;                    
                    document.getElementById("login-psc").innerHTML = strLoginPSC;
                    /* document.getElementById("FilesCount").classList.add("hide");   */
                    document.getElementById("HomePressure").classList.add("hide");                                      
                    document.getElementById("HomeDiagramEl").classList.add("hide");                    
                    document.getElementById("HomeTemperature").classList.add("hide");  
                    document.getElementById("MenuDashboardSubmenu").innerHTML = '';                   
                    document.getElementById("HomeEl").classList.add("hide");                                   
                    document.getElementById("HomeGas").classList.add("hide");  

                    if (strPocetPolozek > 0) { 
                        document.getElementById("ListCount").innerHTML = strPocetPolozek;
                        document.getElementById("HomeEl").classList.remove("hide"); 
                        console.log('Pol: '+strPocetPolozek);
                    } 

                    if (intGas > 0) { 
                        document.getElementById("ListCountGas").innerHTML = intGas;
                        document.getElementById("HomeGas").classList.remove("hide"); 
                        console.log('Gas: '+intGas);
                    }                     

                    if (strVBloku > 0) {  
                        document.getElementById("HomeCoal").classList.remove("hide"); 
                    } else {
                        document.getElementById("HomeCoal").classList.add("hide"); 
                    }

                    if (strPocetTemp > 0) {
                        document.getElementById("TempCount").innerHTML = strPocetTemp;
                        document.getElementById("HomeTemperature").classList.remove("hide"); 
                        console.log('Pol: '+strPocetTemp);                        
                    } 

                    if (strPocetPress > 0) {
                        document.getElementById("PressCount").innerHTML = strPocetPress;
                        document.getElementById("HomePressure").classList.remove("hide"); 
                        console.log('Press: '+strPocetPress);                         
                    }                    

                    if (strElLev >1) {
                        document.getElementById("HomeDiagramEl").classList.remove("hide"); 
                        console.log('ElLev: '+strElLev);                         
                    } 

                    if ( (strBX < 1) ) { 
                        document.getElementById("HomeCloudData").classList.add("hide");                          
                    } 

                    if ( (strEK < 1) ) { 
                        document.getElementById("HomeContacts").classList.add("hide");  
                    }                     

                    if (intZlin == 1) { 
                        document.getElementById("HelpDesk2").classList.add("hide");
                        document.getElementById("HelpDesk1").classList.remove("hide"); 
                    }
                    else { 
                        document.getElementById("HelpDesk1").classList.add("hide"); 
                        document.getElementById("HelpDesk2").classList.remove("hide");
                        
                        if (strAdmin !== '') { 
                            /* document.getElementById("HomeRemit").classList.remove("hide");  */
                            document.getElementById("HomeCoal").classList.remove("hide"); 
                            document.getElementById("HomeFiles").classList.remove("hide");                        
                        }
                    }

                    if ( (strPop < 1) ) { 
                        document.getElementById("HomePapers").classList.add("hide");
                        document.getElementById("HomeSILO").classList.add("hide");                        
                    }                    

                    if ( (strLab < 1) ) { 
                        document.getElementById("HomeLab").classList.add("hide");  
                    }

                    console.log('strKKS: '+strKKS);
                    if ( strKKS < 1 ) { 
                        document.getElementById("HomeKatalogKKS").classList.add("hide");  
                    }  else {
                        document.getElementById("HomeKatalogKKS").classList.remove("hide");  
                    }

                    console.log('strDrevosrot: '+strDrevosrot);
                    if ( ( strDrevosrot < 1 ) && ( strPop <1 ) ) { 
                        document.getElementById("HomeDrevosrot").classList.add("hide");  
                    }  else {
                        document.getElementById("HomeDrevosrot").classList.remove("hide");  
                    }

                    // pro stravniky zapnout soubory
                    if (strStravnik !== '') {
                        document.getElementById("HomeFiles").classList.remove("hide");                        
                    }

                    // ------------------------------------------------------------------------------
                    // pokud neni vyplnene jmeno odlogovat - vyprsela session
                    if (( strJmeno == '')&&(strAdmin == '')&&(strStravnik == '')) { window.GetDate = 9999; LogOutFull();  }  

                    // ------------------------------------------------------------------------------
                    /* var $p = getParameterByName('p');   */
                    prepareMenuListener();
                    /*
                    var $MainMenu = document.querySelector('#MainMenu');

                    // console.log('addEventListener');
                    $MainMenu.addEventListener('click', function(e){
                        if(e.target != e.currentTarget){
                            e.preventDefault();
                        var $data = e.target.getAttribute('data-name'),
                        url = "/login/?p="+$data;
                        history.pushState($data, null, url);
                        document.title = "Teplárna Kladno |  | " + $data;
                        // console.log($data);
                        LoadFrm($data);
                        }
                        e.stopPropagation();
                    }, false);                    
                    */
                    // ------------------------------------------------------------------------------
                    if (window.EnterFirst == 0) {
    
                        window.addEventListener('popstate', function(e){
                        var $data = e.state;
                        LoadFrm($data);
                        });  

                    window.EnterFirst = 1;                   

                    DevExpress.localization.locale('cs'); 
                    DevExpress.config({ editorStylingMode: "filled" });     

                    // notifikace
                    $.ajax({
                        url: "AjaxNotification.php",
                        dataType : "text",
                        type: "POST",
                        data: { ID: strLoginID },
                        success: function(result) { 
                            console.log(result);
                            if (result == '1')  { $('#ModalNotification').modal({ show: true }); }
                        }
                    });

                    }

                    // pass 
                    if (strPA=='1') { 
                        ShowChangePassword(); 
                        document.getElementById("ModalChangePasswordLabel").innerHTML='Změňte si prosím heslo kvůli bezpečnosti!'; 
                        document.getElementById("ModalBtnChangePasswordClose").classList.add("hide");  
                    } else { 
                        document.getElementById("ModalChangePasswordLabel").innerHTML=''; 
                        document.getElementById("ModalBtnChangePasswordClose").classList.remove("hide");  
                    }


                } //success
                
            }); // ajax end

        } // success

    }); // ajax end	

    }, 350); // delay fce

};
var $DataKKSmin = [];

var $DataKKSmin = [
    'TEPL3-VYST-STOHR90-TOPV #SNDA25CT015_XQ01',
    'TEPL3-VYST-STOHR90-TOPV #SNDB10CT005_XQ02',
    'TLAK1-VYST-STOHR-90-TOPV #SNDA25CP005_XQ01',
    'TLAK1-SANI-CIRCRP90-VRATV #SNDB10CP005_XQ01',
    'HMOTPRUT-VYST-STOHR-90-TOPV #SNDA25CF910_XQ01',
    'TOVYKON-VYST-STOHR90-TOPV #SNDA25CU005_XQ01',
    'HMPRUT-VYTL-DOPCRP-90-DOPV #SNDK15CF905_XQ01',
    'Odpouštění #SNDK15CF905_XQ02',
    'TLAK-NEUTRAL-BOD #SNDB10CP925_XQ01',
    'Tlaková diference HVS90 #SNDA25CP015_XQ01',
    'Doplňování HVS 90 #SNDK15CU005_M1',
    'TEPL3-VYST-STOHR70-TOPV #TNDA25CT015_XQ01',
    'TEPL3-VYST-STOHR70-TOPV #TNDB10CT005_XQ02',
    'TLAK1-VYST-STOHR-70-TOPV #TNDA25CP005_XQ01',
    'TLAK1-SANI-CIRCRP70-VRATV #TNDB10CP005_XQ01',
    'HMOTPRUT-VYST-STOHR-70-TOPV #TNDA25CF910_XQ01',
    'TOVYKON-VYST-STOHR70-TOPV #TNDA25CU005_XQ01',
    'HMPRUT-VYTL-DOPCRP-70-DOPV #TNDK15CF910_XQ01',
    'Odpouštění #TNDK15CF910_XQ02',
    'TLAK-NEUTRAL-BOD #TNDB10CP925_XQ01',
    'Tlaková diference HVS70 #TNDA25CP015_XQ01',
    'Doplňování HVS 70 #TNDK15CU005_M1'
];

var $DataKKS = [
    'HVS90 - tlak oběhové vody #SNDA25CP005_XQ01',
    'HVS90 - teplo #SNDA25CU005_XQ01',
    'HVS90 - tlak oběhové vody vrat #SNDB10CP005_XQ01',
    'HVS90-doplňování/odpouštění #SNDK15CF905_XQ01',
    'HVS90 -Celkové množství - doplňování #SNDK15CU005_M1',
    'Hmotnostní průtok - Doplňování HVS70 #TNDK15CF910_XQ01',
    'HVS70 -Celkové množství - doplňování #TNDK15CU005_M1',
    'Hmotnostní prrůtok - Doplňování HVS90 #SNDK15CF905_XQ01',
    'Doplňování HVS90 #SNDK15CU005_M1'
];


var $KKSmin = $DataKKSmin[0];

function LoadDataKKSmin() {

    window.GetDate = 0;

    var LoadPanelDataKKSmin = $("#LoadPanelDataKKSmin").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#GridDataKKSmin" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    LoadPanelDataKKSmin.show();

    $.ajax({
        url:  "AjaxKKSmin.php",
        dataType: "script",
        type: "POST",
        /* data: { kks: $KKS }, */
        success: function(result) { 
            /* console.log(result);   */
            $("#GridDataKKSmin").dxDataGrid({ dataSource: $DataKKSmin });
            LoadPanelDataKKSmin.hide();
        }
    });    

}

function PrepareFormDataKKSmin() {

    $("#GridDataKKSmin").dxDataGrid({
        dataSource: $DataKKSmin,
		allowColumnResizing: true,
        rowAlternationEnabled: false,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: true,
		columnMinWidth: 30,
        paging: { enabled: false },
        columnFixing: { enabled: true },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
		"export": { enabled: true, fileName: "Data-min" },
        searchPanel: { visible: true, width: 250 },
        onToolbarPreparing: function(e) {
        var dataGrid = e.component;
            e.toolbarOptions.items.unshift(
            {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "fa fa-angle-double-down",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridDataKKSmin').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            },                   
                    {
                        location: "before",
                        widget: "dxButton",
                        options: {
                            icon: "arrowdown",					
				            type: "default",
                            text: "načíst",
					        hint: "Načíst ...",
                            onClick: function() {
                                LoadDataKKSmin();
                            }
                        }   
                    }                                        
                    );
                },
                columnChooser: { enabled: true },
                columns: [ 
                {
                    dataField: "DATUM",
                    caption: "datum",
                    width: 120, 
				    visible: true,
                    fixed: true,
                    cssClass: 'silver-1', 
					dataType: "date",
                    format: "dd.MM.yyyy"                                       
                },
                {
                    dataField: "CAS",
                    caption: "čas",
                    width: 120, 
				    visible: true,
                    fixed: true,
                    cssClass: 'silver-2'
                },       
                {
                    dataField: "HVS",
                    caption: "HVS",
                    width: 120, 
				    visible: true,
                    fixed: true
                },                        
                {
                    dataField: "KKS",
                    caption: "KKS",
                    width: 300, 
				    visible: true,
                    fixed: true,
                    cssClass: 'blue-1'
                },
                {
                    dataField: "POPIS",
                    caption: "POPIS",
                    cssClass: 'blue-2',                    
				    visible: true
                },                
                {
                    dataField: "HODNOTA",
                    caption: "hodnota",
                    width: 120, 
				    visible: true, dataType: "number" 
                },
                {   dataField: "JEDNOTKA", caption: "jednotka", width: 120, visible: true, dataType: "number"}
                ],

                summary: {
                    totalItems: [
                        { column: "DATUM", dataType: "number", summaryType: "count", displayFormat: "{0}" }
                    ]
                }                                           
            
    });    

}

function DataKKSminFrm() {

    window.GetDate = 0;
    console.log('Data KKS min Frm');

    $.ajax({
        url: "frm-data-kks-min.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormDataKKSmin(); 
            /* document.getElementById("MenuDashboardSubmenu").innerHTML = 'Data z elektrárny'; */
            prepareMenuListener();
            LoadDataKKSmin();
			}
    }); // ajax end	
};var footer = ["průměr","minimum","maximum","suma"];
var ElRovnice = '-';

function ElPrepareExportCSV($tag) {
    window.GetDate = 0;

    var chgridDays    = $("#ch-gridDays").dxCheckBox('instance');
    var TagHours      = $("#tag-gridHodinoveOdbery").dxTagBox('instance');

    var $SoNeSv       = (chgridDays.option("value"));
    var $TagHoursV    = (TagHours.option("value"));     

    var dateFrom = $("#DateGrid60From").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#DateGrid60To").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );    

    var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();

    DevExpress.ui.notify("Exportuji do CSV ...","info",500);
    if ($tag == 1) { window.open("ExpOdbElHM.php?c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2+"&sns="+$SoNeSv+"&h="+$TagHoursV+"&m="+window.ElMista,"_blank"); }
    else { window.open("ExpOdbElH.php?c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2+"&sns="+$SoNeSv+"&h="+$TagHoursV+"&m="+window.ElMista,"_blank"); }
}

function Load60Max() {

    document.getElementById("InfoElModalBody").innerHTML = '<img src="images/loader-294.gif">';

    window.GetDate = 0;

    var dateFrom = $("#dateFrom60Max").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );

    var dateTo = $("#dateTo60Max").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );    

    var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();    

    console.log(window.ElCombo);

    $.ajax({
        url:  "AjaxOdbElHmax.php?c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2+"&m="+window.ElMista,
        type: "POST",
        data: { c: window.ElCombo, t1: $Datum1, t2: $Datum2, m: window.ElMista },
        dataType: "text",
        success: function(result) { 
            console.log();
            document.getElementById("InfoElModalBody").innerHTML = result;            
        }
    });
}

function ElPrepareSel($fullRefresh) {    
    window.GetDate = 0;

    if ($fullRefresh == 1) { 
        document.getElementById("chart60mmt").classList.remove("hide"); 
        document.getElementById("chart60").classList.add("hide");
    }

    var loadPanelOdbery60 = $("#LoadPanelOdbery").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#gridHodinoveOdbery" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: true,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    var loadPanelChart60 = $("#chart60mmt").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#chart60mmt" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: true,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");      

    if ($fullRefresh == 1) { loadPanelChart60.show(); }

    loadPanelOdbery60.show();
    
    console.log('Prepare Sel');
    var chgridDays    = $("#ch-gridDays").dxCheckBox('instance');
    var TagHours      = $("#tag-gridHodinoveOdbery").dxTagBox('instance');

    var dateFrom = $("#DateGrid60From").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    window.DateFrom60 = dateBoxValueFrom; 

    var dateTo = $("#DateGrid60To").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );    
    window.DateTo60 = dateBoxValueTo;     

    var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();

    var $SoNeSv       = ( chgridDays.option("value") );
    var $TagHoursV    = ( TagHours.option("value") );    

    /* console.log("AjaxOdbElH.php?c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2+"&sns="+$SoNeSv+"&h="+$TagHoursV+"&m="+window.ElMista);  */
    $HourSerie = '';
    for ($i=0;$i<$TagHoursV.length;$i++) { $HourSerie = $HourSerie + $TagHoursV[$i]+','; }
    console.log($HourSerie);

    $.ajax({
        url:  "AjaxOdbElH.php",
        dataType: "script",
        type: "POST",
        data: { c: window.ElCombo, t1: $Datum1, t2: $Datum2, sns: $SoNeSv, ho:$HourSerie, m: window.ElMista }, 
        success: function(result) { 

            console.log(result);   

            $("#gridHodinoveOdbery").dxDataGrid({ dataSource: HodinoveOdbery });
            document.getElementById("TotalEquation").innerHTML = ElRovnice;
            if (ElRovnice !== '-') { document.getElementById("rowEquation").classList.remove("hide");  }
            else { document.getElementById("rowEquation").classList.add("hide");  }

            if (($fullRefresh == 1) && (window.ShowChart60 == 1)) {
           
            document.getElementById("ContainerChart60").classList.remove("hide"); 

            /* console.log("AjaxOdbElHChart.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2); */

            $.ajax({
	            url: "AjaxOdbElHChart.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2,
                dataType : "script",
                success: function(result) {	

                    console.log(result); 

                    var states = {};

                    setTimeout(function(){

                    var zoomedChart60 = $("#chart60").dxChart({
                    size: { height: 400 },
                    palette: "Harmony Light",
                    title: { text: "Graf průběhu odběru" },
                    dataSource: DataChart60,
                    pointSelectionMode: "single",
                    "export": { enabled: true },
                    behavior: { callValueChanged: "onMoving" },
                    commonSeriesSettings: { 
                        arumentField: "CAS",
                        type: "line",
                        point: { visible: false } 
                    },
                    legend: {
                        verticalAlignment: "bottom",
                        horizontalAlignment: "center",
                        itemTextPosition: "bottom",
                        visible: true
                    },
                    tooltip: {
                        enabled: true,
                        customizeTooltip: function (arg) {
                        return { text: arg.valueText };
                        }
                    },
                    onPointClick: function(e) {
                        var point = e.target;
                        point.showTooltip();
                    },
                    onLegendClick: function(e) {
                        var series = e.target;
                        if(series.isVisible()) { 
                            series.hide();
                        } else {
                            series.show();
                        }
                    },
                    series: [
                        {
                        argumentField: "CAS",
                        valueField: "ODBER",
                        name: "činný odběr"
                        },
                        {
                        argumentField: "CAS",
                        valueField: "JALOVY",
                        name: "jalový odběr"
                        },
                        {
                        argumentField: "CAS",
                        valueField: "JALOVA_DO",
                        name: "jalová dodávka"
                        }
                    ],
                    scrollBar: { visible: false }               
                    }).dxChart("instance");   


                    $("#rangeSelector60").dxRangeSelector({
                        size: { height: 120 },
                        margin: { },
                        scale: { minorTickCount:1 },
                        dataSource: DataChart60,
                        chart: { 
                            series: [
                            {
                                argumentField: "CAS",
                                valueField: "ODBER",
                                name: "činný odběr"
                            },
                            {
                                argumentField: "CAS",
                                valueField: "JALOVY",
                                name: "jalový odběr"
                            },
                            {
                                argumentField: "CAS",
                                valueField: "JALOVA_DO",
                                name: "jalová dodávka"
                            }
                            ], 
                            palette: "Harmony Light" 
                        },
                        behavior: { callValueChanged: "onMoving" },
                        onValueChanged: function (e) {
                            var zoomedChart60 = $("#chart60").dxChart("instance");
                            zoomedChart60.getArgumentAxis().visualRange(e.value);
                        }
                    });    
                    
                    }, 1000); 
                    
            loadPanelChart60.hide();

            document.getElementById("chart60mmt").classList.add("hide"); 
            document.getElementById("chart60").classList.remove("hide");

            /* zoomedChart60.zoomArgument(300, 500);             */
            }
        });

        }    // full refresh

            loadPanelOdbery60.hide(); 
        } // success
    });    

}

function ElRangeSel() {
    var $d1 = new Date("2024/04/1");
    var $d2 = new Date("2024/05/1");    

    console.log('2024, 04, 12 2024, 05, 1');
}

function ElGrid () {      

    window.ElCombo = 0;

    var FiltrGroup = ["činný odběr [KWh]","jalový odběr [Kvarh]","jalová dodávka [Kvarh]"];    

   var TagHodiny = [{TagID:1, TagName: "1:00"},{TagID:2, TagName: "2:00"},{TagID:3, TagName: "3:00"},{TagID:4, TagName: "4:00"},{TagID:5, TagName: "5:00"},{TagID:6, TagName: "6:00"},{TagID:7, TagName: "7:00"},{TagID:8, TagName: "8:00"},{TagID:9, TagName: "9:00"},{TagID:10, TagName: "10:00"},{TagID:11, TagName: "11:00"},{TagID:12, TagName: "12:00"},{TagID:13, TagName: "13:00"},{TagID:14, TagName: "14:00"},{TagID:15, TagName: "15:00"},{TagID:16, TagName: "16:00"},{TagID:17, TagName: "17:00"},{TagID:18, TagName: "18:00"},{TagID:19, TagName: "19:00"},{TagID:20, TagName: "20:00"},{TagID:21, TagName: "21:00"},{TagID:22, TagName: "22:00"},{TagID:23, TagName: "23:00"},{TagID:24, TagName: "24:00"},{TagID:25, TagName: "25:00"}];    var now = new Date();
    var d1  = now  - (60*60*1000*24*7);
    var d2  = now;

    if (window.DateFrom60 !== '*') { d1 = window.DateFrom60; d2 = window.DateTo60;  }    
/*
    $("#dateFrom60").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d1,
        onValueChanged: function(e) { 
        	ElPrepareSel(1);
        }        
    });

    $("#dateTo60").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d2,
        onValueChanged: function(e) { 
        	ElPrepareSel(1);
        }        
    });
    */

    $("#dateFrom60Max").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d1,
        onValueChanged: function(e) { 
            Load60Max();
        }        
    });

    $("#dateTo60Max").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d2,
        onValueChanged: function(e) { 
            Load60Max();
        }        
    });    

/*
    $("#Btn60").dxButton({
        text: "načíst data",
        type: "default",
        width: 120,
        onClick: function(e) { 
        	ElPrepareSel(1);
        }
    });
    */
    
    $("#ch-gridDays").dxCheckBox({
        value: true,
        text: "zobrazovat Soboty + Neděle + Svátky",
        onValueChanged: function(data) {                            
            ElPrepareSel(0);
        }                
    });

    $("#tag-gridHodinoveOdbery").dxTagBox({
        items: TagHodiny,
    value: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25],        displayExpr: "TagName",
        valueExpr: "TagID",
        showSelectionControls: true,
        applyValueMode: "useButtons",
        placeholder: "Hodiny...",
        showClearButton: true,
        multiline: true,
        onValueChanged: function(data) {                            
            ElPrepareSel(0);
        }
        
    });  

    $("#btnTagSet1").dxButton({
        text: "0 - 8, 21 - 24 hod.",
        type: "normal",
        onClick: function(e) { 
            $("#tag-gridHodinoveOdbery").dxTagBox({ value: [1,2,3,4,5,6,7,8,21,22,23,24,25] });
            $("#btnTagSet1").dxButton({ type: "default" });            
            $("#btnTagSet2").dxButton({ type: "normal" });                
            $("#btnTagSet3").dxButton({ type: "normal" });    
        }
    });  

    $("#btnTagSet2").dxButton({
        text: "9 - 20 hod.",
        type: "normal",
        onClick: function(e) { 
            $("#tag-gridHodinoveOdbery").dxTagBox({ value: [9,10,11,12,13,14,15,16,17,18,19,20] });
            $("#btnTagSet1").dxButton({ type: "normal" });            
            $("#btnTagSet2").dxButton({ type: "default" });                
            $("#btnTagSet3").dxButton({ type: "normal" });  
        }
    });   
    
    $("#btnTagSet3").dxButton({
        text: "0 - 24 hod.",
        type: "default",
        onClick: function(e) { 
            $("#tag-gridHodinoveOdbery").dxTagBox({ value: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25] });
            $("#btnTagSet1").dxButton({ type: "normal" });            
            $("#btnTagSet2").dxButton({ type: "normal" });                
            $("#btnTagSet3").dxButton({ type: "default" }); 
        }
    });    

    $.ajax({
	    url: "AjaxOdbElH.php",
        dataType : "script",
        success: function(result) {	

            console.log(result);
            console.log('###');
            /* document.getElementById("TotalEquation").innerHTML = ElRovnice; */
            
	        console.log( "Prepare grid odbery" ); 
            indexOdbernaMista = OdbernaMista.indexOf(window.ListItem);
            if ((!indexOdbernaMista)||(indexOdbernaMista< 0)) { indexOdbernaMista = 0;}
            window.ElMista = OdbernaMista[indexOdbernaMista]; 
            console.log('t:'+window.ElMista+'/'+indexOdbernaMista);
 
            $("#gridHodinoveOdbery").dxDataGrid({
                dataSource: HodinoveOdbery,
		        allowColumnResizing: true,
                rowAlternationEnabled: true,
                allowColumnReordering: true,
                columnResizingMode: "widget",		
		        showBorders: true,
		        showRowLines: true,
		        columnMinWidth: 30,
                paging: { enabled: false },
                columnFixing: { enabled: true },
                filterPanel: { visible: true },
                filterRow: { visible: false, applyFilter: "auto" },
		        headerFilter: { visible: true },
		        sorting: { mode: "multiple" },
		        scrolling: { mode: "virtual", useNative: true },
		        selection: { mode: "single" },
                sorting: { mode: "multiple" },
		        "export": { enabled: true, fileName: "Odbery" },
                onSelectionChanged: function (selectedItems) { window.GetDate = 0; },                
                toolbar: {
                    items: [
                        {
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "clearformat",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#gridHodinoveOdbery').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }
                        }   
                    },   
                    {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "info",
				            type: "default",
                            text: "max",
					        hint: "rychlé určení maxima",
                            onClick: function() {
                                Load60Max();
                                $('#InfoElModal').modal({ show: true });
                            }
                        }   
                    },                                        
                    {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "file",					
				            type: "default",
                            text: ".CSV",
					        hint: "exportovat do .CSV",
                            onClick: function() {
                                ElPrepareExportCSV(0);
                            }
                        }   
                    },                     
                    {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "file",					
				            type: "default",
                            text: ".CSV dohromady",
					        hint: "exportovat všechna místa do .CSV",
                            onClick: function() {
                                ElPrepareExportCSV(1);
                            }
                        }   
                    }, 
                    {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "far fa-chart-bar",					
				            type: "default",
					        hint: "zobrazit / skrýt graf",
                            onClick: function() {
                                if (window.ShowChart60 == 1) { window.ShowChart60 = 0; } else { window.ShowChart60 = 1; }
                                if (window.ShowChart60 == 1) {
                                    document.getElementById("ContainerChart60").classList.remove("hide");                                    
                                    ElPrepareSel(1);
                                } else {
                                    document.getElementById("ContainerChart60").classList.add("hide");                                    
                                }
                            }
                        }   
                    },
                    {
                        location: "before",
                        widget: "dxSelectBox",
                        options: {
					        items: OdbernaMista,
					        acceptCustomValue: false,
                            width: 250,	
                            label: "odběrné místo", 				
					        value: OdbernaMista[indexOdbernaMista],
					        name: "OdbernaMista",
                            onValueChanged: function(data) {  
                                console.log(data.value);                          
						        window.ElMista = data.value;   
                                window.ListItem  = data.value;   
                                ElPrepareSel(1);
                            }
    			        }
			        },                
                    {
                        location: "before",
                        widget: "dxSelectBox",
                        options: {
					        items: FiltrGroup,
					        acceptCustomValue: false,
                            width: 180,					
					        value: FiltrGroup[0],
					        name: "FiltrGroup",
                            placeholder: "skupina ...",
                            onValueChanged: function(data) {                            
						        window.odeGridDate = data.value;                            
                                window.ElCombo = FiltrGroup.indexOf(data.value);
                                ElPrepareSel(0);
                            }
    			        }
			        }, 
                    {
                        location: "before",
                        widget: "dxDateBox",
                        options: {
                            type: "date",
                            label: "od",
                            displayFormat: "dd.MM.yyyy",
                            value: d1,
                            elementAttr: { id: "DateGrid60From" },                            
                            onValueChanged: function(e) { 
        	                    ElPrepareSel(1);
                            }
                        }        
                    },
                    {
                        location: "before",
                        widget: "dxDateBox",
                        options: {
                            type: "date",
                            label: "do",                            
                            displayFormat: "dd.MM.yyyy",
                            value: d2,
                            elementAttr: { id: "DateGrid60To" },
                            onValueChanged: function(e) { 
        	                    ElPrepareSel(1);
                            }
                        }        
                    }, 'columnChooserButton', 'exportButton', 'searchPanel'
                    ]
                },
                columnChooser: { enabled: true },		
                columns: [ 
                { 
                    dataField: "OID",
                    width: 30, 
				    allowEditing : false,
				    visible: false
                },
                {
                    dataField: "DATUM",
                    caption: "datum",
                    width: 90, 
				    allowEditing : false,
				    visible: true,
                    fixed: true,
                    cssClass: 'blue-1',
					dataType: "date",
                    format: "dd.MM.yyyy"                                       
                },                
                {
                    dataField: "DEN",
                    caption: "den",                    
                    width: 70, 
				    allowEditing : false,
				    visible: true,
                    fixed: true,
                    cssClass: 'purple-1'                     
                },
                                {
                    dataField: "H1",
                    caption: "1:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H2",
                    caption: "2:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H3",
                    caption: "3:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H4",
                    caption: "4:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H5",
                    caption: "5:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H6",
                    caption: "6:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H7",
                    caption: "7:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H8",
                    caption: "8:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H9",
                    caption: "9:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H10",
                    caption: "10:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H11",
                    caption: "11:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H12",
                    caption: "12:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H13",
                    caption: "13:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H14",
                    caption: "14:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H15",
                    caption: "15:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H16",
                    caption: "16:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H17",
                    caption: "17:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H18",
                    caption: "18:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H19",
                    caption: "19:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H20",
                    caption: "20:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H21",
                    caption: "21:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H22",
                    caption: "22:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H23",
                    caption: "23:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H24",
                    caption: "24:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "H25",
                    caption: "25:00",                    
                    width: 50, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                                {
                    dataField: "HSUM",
                    caption: "h. suma",                    
                    width: 85, 
				    allowEditing : false,
                    visible: true,
                    cssClass: 'blue-1'                                         
                },                
                {
                    dataField: "HMIN",
                    caption: "h. min",                    
                    width: 85, 
				    allowEditing : false,
                    visible: true,
                    cssClass: 'blue-2'                                         
                },
                {
                    dataField: "HAVG",
                    caption: "h. prům.",                    
                    width: 85, 
				    allowEditing : false,
                    visible: true,
                    cssClass: 'red-1'                     
                },                
                {
                    dataField: "HMAX",
                    caption: "h. max",                    
                    width: 85, 
				    allowEditing : false,
                    visible: true,
                    cssClass: 'purple-1',
                    fixed: true                                        
                }          
                ],
                summary: {
                    totalItems: [
                                        {
                        displayFormat: "{0}", column: "H1", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H2", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H3", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H4", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H5", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H6", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H7", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H8", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H9", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H10", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H11", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H12", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H13", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H14", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H15", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H16", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H17", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H18", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H19", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H20", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H21", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H22", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H23", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H24", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        {
                        displayFormat: "{0}", column: "H25", summaryType: "max", valueFormat: { type: "decimal", precision: 2 }
                    },
                                        { displayFormat: "{0}", column: "HSUM", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                    { displayFormat: "{0}", column: "HAVG", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                    { displayFormat: "{0}", column: "HMAX", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                    { displayFormat: "{0}", column: "CMAX", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                    { displayFormat: "{0}", column: "HMIN", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                    { displayFormat: "{0}", column: "DATUM", summaryType: "count" }                    
                    ]
                }
            });
                               

            $("#rg-gridHodinoveOdbery").dxRadioGroup({
            items: footer,
            value: footer[2],
            layout: "horizontal",
		
            onValueChanged: function(e){
			    var RGroup = $("#rg-gridHodinoveOdbery").dxRadioGroup("instance");			
			    var R = footer.indexOf(RGroup.option('value'));
			    if (R == 0) { footerSum = 'avg'; }
			    else if (R == 1) { footerSum = 'min'; }
			    else if (R == 2) { footerSum = 'max'; }			
			    else if (R == 3) { footerSum = 'sum'; }						
			
			    $("#gridHodinoveOdbery").dxDataGrid({ 
			        dataSource: HodinoveOdbery,
                    summary: {
                    totalItems: [
                                                { displayFormat: "{0}", column: "H1", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H2", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H3", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H4", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H5", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H6", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H7", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H8", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H9", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H10", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H11", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H12", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H13", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H14", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H15", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H16", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H17", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H18", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H19", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H20", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H21", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H22", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H23", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H24", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "H25", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "HSUM", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "HAVG", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "HMAX", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "CMAX", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "HMIN", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } }
                    ]
                    }		
			    });
	        }		
        });	

            ElPrepareSel(1);     

        // ----------------------    

        } // success
        

    });   

}

function ElFrm() {
    window.GetDate = 0;
    console.log('El Frm');

    $.ajax({
        url: "frm-el-60.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;              
            ElGrid(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Přehled odběrů, po hodině';            
            prepareMenuListener();
            /* 
            
            DisableMenu();			
            $("#MenuOde").attr('class', 'active');			
            PrepareFormOde(); 

            */
        }
    }); // ajax end	
};
var ElRovnice2 = '-';

function ElPrepareExport15CSV() {
    window.GetDate = 0;

    var dateFrom = $("#DateGrid15From").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#DateGrid15To").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );    

    var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear(); 

    DevExpress.ui.notify("Exportuji 15 min. odečty do CSV ...","info",500);
    window.open("ExpOdbEl15.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2,"_blank");                                        
}

function Load15Max() {

document.getElementById("InfoElModalBody").innerHTML = '<img src="images/loader-294.gif">';

window.GetDate = 0;

var dateFrom = $("#dateFrom15Max").dxDateBox("instance");
var dateBoxValueFrom = new Date ( dateFrom.option('value') );

var dateTo = $("#dateTo15Max").dxDateBox("instance");
var dateBoxValueTo = new Date ( dateTo.option('value') );    

var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();    

console.log(window.ElCombo);

$.ajax({
    url:  "AjaxOdbEl15max.php?c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2+"&m="+window.ElMista,
    dataType: "text",
    success: function(result) { 
        console.log();
        document.getElementById("InfoElModalBody").innerHTML = result;            
    }
});
}

function El15PrepareSel() {
    window.GetDate = 0;

    document.getElementById("chart15mmt").classList.remove("hide");     
    document.getElementById("chart15").classList.add("hide");

    var loadPanelOdbery15 = $("#LoadPanelOdbery15").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#grid15Odbery" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: true,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    var loadPanelChart15 = $("#chart15mmt").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#chart15mmt" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: true,
        onShown: function() { },
        onHidden: function() { }      
    }).dxLoadPanel("instance");    

    loadPanelOdbery15.show(); 

    console.log('Prepare Sel');
   
    var dateFrom = $("#DateGrid15From").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    window.DateFrom15 = dateBoxValueFrom; 

    var dateTo = $("#DateGrid15To").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );    
    window.DateTo15 = dateBoxValueTo;

    var $Datum1 = dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    var $Datum2 = dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear(); 

    /* console.log("ajaxOdbEl15.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2);  */

    $.ajax({
        url:  "ajaxOdbEl15.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2,
        dataType: "script",
        success: function(result) { 
            console.log(result); 
            $("#grid15Odbery").dxDataGrid({ dataSource: CtvrtOdbery });            

            loadPanelOdbery15.hide(); 

            document.getElementById("TotalEquation2").innerHTML = ElRovnice2;
            if (ElRovnice2 !== '-') { document.getElementById("rowEquation2").classList.remove("hide");  }
            else { document.getElementById("rowEquation2").classList.add("hide");  }                

                if (window.ShowChart15 == 1) {
                document.getElementById("ContainerChart15").classList.remove("hide"); 
                loadPanelChart15.show(); 

                /* console.log("ajaxOdbEl15Chart.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2); */

                $.ajax({
	            url: "ajaxOdbEl15Chart.php?m="+window.ElMista+"&c="+window.ElCombo+"&t1="+$Datum1+"&t2="+$Datum2,
                dataType : "script",
                success: function(result) {	

                    // console.log(result);

                    setTimeout(function(){
           
                    var zoomedChart15 = $("#chart15").dxChart({
                    size: { height: 400 },
                    palette: "Harmony Light",
                    title: { text: "Graf průběhu odběru" },
                    dataSource: DataChart15,
                    "export": { enabled: true },
                    commonSeriesSettings: { 
                        arumentField: "CAS",
                        type: "line",
                        point: { visible: false } 
                    },
                    legend: {
                        verticalAlignment: "bottom",
                        horizontalAlignment: "center",
                        itemTextPosition: "bottom",
                        visible: true
                    },
                    tooltip: {
                        enabled: true,
                        customizeTooltip: function (arg) {
                        return { text: arg.valueText };
                        }
                    },
                    onLegendClick: function(e) {
                        var series = e.target;
                        if(series.isVisible()) { 
                            series.hide();
                        } else {
                            series.show();
                        }
                    },                    
                    series: [
                        {
                        argumentField: "CAS",
                        valueField: "ODBER",
                        name: "činný odběr"
                        },
                        {
                        argumentField: "CAS",
                        valueField: "JALOVY",
                        name: "jalový odběr"
                        },
                        {
                        argumentField: "CAS",
                        valueField: "JALOVA_DO",
                        name: "jalová dodávka"
                        }
                    ],
                    scrollBar: { visible: false }               
                    }).dxChart("instance");

                    $("#rangeSelector15").dxRangeSelector({
                        size: { height: 120 },
                        margin: {  },
                        scale: { minorTickCount:1 },
                        dataSource: DataChart15,
                        chart: { 
                            series: [
                            {
                                argumentField: "CAS",
                                valueField: "ODBER",
                                name: "činný odběr"
                            },
                            {
                                argumentField: "CAS",
                                valueField: "JALOVY",
                                name: "jalový odběr"
                            },
                            {
                                argumentField: "CAS",
                                valueField: "JALOVA_DO",
                                name: "jalová dodávka"
                            }
                            ], 
                            palette: "Harmony Light" 
                        },
                        behavior: { callValueChanged: "onMoving" },
                        onValueChanged: function (e) {
                            var zoomedChart15 = $("#chart15").dxChart("instance");
                            zoomedChart15.getArgumentAxis().visualRange(e.value);
                        }
                    });   
                    
                    }, 1000); 

           
            loadPanelChart15.hide();            
            document.getElementById("chart15").classList.remove("hide");
            
            } // success
        });                

        } // show chart
        loadPanelOdbery15.hide(); 
        } // success
    });    

}

function El15RangeSel() {
    var $d1 = new Date("2024/04/29");
    var $d2 = new Date("2024/05/02");    

    console.log('2024, 04, 29 2024, 05, 02');
}

function El15Grid () {      

    window.ElCombo = 0;

    var FiltrGroup = ["činný odběr [KWh]","jalový odběr [Kvarh]","jalová dodávka [Kvarh]"];    

    var now = new Date();
    var d1  = now - (60*60*1000*24*7);
    var d2  = now;

    if (window.DateFrom15 !== '*') { d1 = window.DateFrom15; d2 = window.DateTo15;  }

    $("#dateFrom15Max").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d1,
        onValueChanged: function(e) { 
            Load15Max();
        }        
    });

    $("#dateTo15Max").dxDateBox({
        type: "date",
        displayFormat: "dd.MM.yyyy",
        value: d2,
        onValueChanged: function(e) { 
            Load15Max();
        }        
    });      

    $("#Btn15").dxButton({
        text: "načíst data",
        type: "default",
        width: 120,
        onClick: function(e) { 
            El15PrepareSel(1);
        }
    });    
    
    $.ajax({
	    url: "ajaxOdbEl15.php",
        dataType : "script",
        success: function(result) {	
	        console.log( "Prepare grid odbery" ); 
            console.log( result ); 
            indexOdbernaMista = OdbernaMista.indexOf(window.ListItem);
            if ((!indexOdbernaMista)||(indexOdbernaMista< 0)) { indexOdbernaMista = 0;}
            window.ElMista = OdbernaMista[indexOdbernaMista];             
 
            $("#grid15Odbery").dxDataGrid({
                dataSource: CtvrtOdbery,
		        allowColumnResizing: true,
                rowAlternationEnabled: true,
                allowColumnReordering: true,
                columnResizingMode: "widget",	
		        showBorders: true,
		        showRowLines: true,
		        columnMinWidth: 30,
                paging: { enabled: false },
                columnFixing: { enabled: true },
                filterPanel: { visible: true },
                filterRow: { visible: false, applyFilter: "auto" },
		        headerFilter: { visible: true },
		        sorting: { mode: "multiple" },
		        scrolling: { mode: "virtual", useNative: true },
		        selection: { mode: "single" },
                sorting: { mode: "multiple" },
		        "export": { enabled: true, fileName: "Odbery15" },
                onSelectionChanged: function (selectedItems) { window.GetDate = 0; },
                toolbar: {
                    items: [
                        {
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "clearformat",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#grid15Odbery').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }
                        }   
                },
                {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "info",
				            type: "default",
                            text: "max",
					        hint: "rychlé určení maxima",
                            onClick: function() {
                                Load15Max();
                                $('#InfoElModal').modal({ show: true });                                
                            }
                        }   
                },                  
                {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "file",					
				            type: "default",
                            text: ".CSV",
					        hint: "exportovat do .CSV",
                            onClick: function() {
                                ElPrepareExport15CSV();
                            }
                        }   
                }, 
                {
                        location: "after",
                        widget: "dxButton",
				        type: "default",				
                        options: {
                            icon: "far fa-chart-bar",					
				            type: "default",
					        hint: "zobrazit / skrýt graf",
                            onClick: function() {
                                if (window.ShowChart15 == 1) { window.ShowChart15 = 0; } else { window.ShowChart15 = 1; }
                                if (window.ShowChart15 == 1) {
                                    document.getElementById("ContainerChart15").classList.remove("hide");                                    
                                    El15PrepareSel();
                                } else {
                                    document.getElementById("ContainerChart15").classList.add("hide");                                    
                                }
                            }
                        }   
                },                                
                {
                    location: "before",
                    widget: "dxSelectBox",
                    options: {
					    items: OdbernaMista,
					    acceptCustomValue: false,
                        width: 250,		
                        label: "odběrné místo", 			
					    value: OdbernaMista[indexOdbernaMista],
					    name: "OdbernaMista",
                        onValueChanged: function(data) {                            
						    window.ElMista = data.value;                            
                            window.ListItem  = data.value;
                            El15PrepareSel();
                        }
    			    }
			    },
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "od",
                        displayFormat: "dd.MM.yyyy",
                        value: d1,
                        elementAttr: { id: "DateGrid15From" },                            
                        onValueChanged: function(e) { 
        	                El15PrepareSel(1);
                        }
                    }        
                },
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "do",                            
                        displayFormat: "dd.MM.yyyy",
                        value: d2,
                        elementAttr: { id: "DateGrid15To" },
                        onValueChanged: function(e) { 
        	                El15PrepareSel(1);
                        }
                    }        
                }, 'columnChooserButton', 'exportButton', 'searchPanel'
                ]
                },
                columnChooser: { enabled: true },		
                columns: [ 
                {
                    dataField: "DATUM",
                    caption: "datum",
                    width: 85, 
				    allowEditing : false,
				    visible: true,
                    fixed: true,
                    cssClass: 'blue-1',
					dataType: "date",
                    format: "dd.MM.yyyy"                                       
                },                
                {
                    dataField: "HODINA",
                    caption: "hodina",                    
                    width: 70, 
				    allowEditing : false,
				    visible: true,
                    fixed: true,
                    cssClass: 'purple-1 text-center'                     
                },
                                {
                    caption: "0-15 min.",
                    columns: [{
                    dataField: "X0",
                    caption: "činný",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                {
                    dataField: "Y0",
                    caption: "jalový",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },                
                {
                    dataField: "Z0",
                    caption: "jal. dod.",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                }], },               
                                {
                    caption: "15-30 min.",
                    columns: [{
                    dataField: "X1",
                    caption: "činný",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                {
                    dataField: "Y1",
                    caption: "jalový",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },                
                {
                    dataField: "Z1",
                    caption: "jal. dod.",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                }], },               
                                {
                    caption: "30-45 min.",
                    columns: [{
                    dataField: "X2",
                    caption: "činný",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                {
                    dataField: "Y2",
                    caption: "jalový",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },                
                {
                    dataField: "Z2",
                    caption: "jal. dod.",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                }], },               
                                {
                    caption: "45-60 min.",
                    columns: [{
                    dataField: "X3",
                    caption: "činný",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },
                {
                    dataField: "Y3",
                    caption: "jalový",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                },                
                {
                    dataField: "Z3",
                    caption: "jal. dod.",                    
                    width: 65, 
				    allowEditing : false,
				    allowFiltering : false,                    
				    visible: true
                }], },               
                                {   caption: "průměry",
                    columns: [{
                    dataField: "AX",
                    caption: "činný",                    
                    width: 70, 
                    allowEditing : false,
                    allowFiltering : false,  
                    visible: true,
                    cssClass: 'red-1'                    
                },                
                {
                    dataField: "AY",
                    caption: "jalový",                    
                    width: 70, 
                    allowEditing : false,
                    allowFiltering : false,                      
                    visible: true,
                    cssClass: 'red-1'                    
                },
                {
                    dataField: "AZ",
                    caption: "jal. dod.",                    
                    width: 70, 
                    allowEditing : false,
                    allowFiltering : false,  
                    visible: true,
                    cssClass: 'red-1'                    
                }]},

                {   caption: "maxima",
                    columns: [{
                    dataField: "MX",
                    caption: "činný",                    
                    width: 70, 
                    allowEditing : false,
                    allowFiltering : false,  
                    visible: true,
                    cssClass: 'purple-1'                    
                },                
                {
                    dataField: "MY",
                    caption: "jalový",                    
                    width:70, 
                    allowEditing : false,
                    allowFiltering : false,                      
                    visible: true,
                    cssClass: 'purple-1'                    
                },
                {
                    dataField: "MZ",
                    caption: "jal. dod.",                    
                    width: 70, 
                    allowEditing : false,
                    allowFiltering : false,  
                    visible: true,
                    cssClass: 'purple-1'                    
                }]}


                ],
                summary: {
                    totalItems: [
                                                { displayFormat: "{0}", column: "X0", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y0", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z0", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X1", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y1", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z1", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X2", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y2", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z2", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X3", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y3", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z3", summaryType: 'max', valueFormat: { type: "decimal", precision: 2 } },
                                            
                        { displayFormat: "{0}", column: "AX", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "AY", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "AZ", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },

                        { displayFormat: "{0}", column: "MX", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "MY", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "MZ", summaryType: "max", valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "DATUM", summaryType: "count" }
                    ]
                }
            });

            El15PrepareSel();  

            $("#rg-grid15Odbery").dxRadioGroup({
            items: footer,
            value: footer[2],
            layout: "horizontal",
		
            onValueChanged: function(e){
			    var RGroup = $("#rg-grid15Odbery").dxRadioGroup("instance");			
			    var R = footer.indexOf(RGroup.option('value'));
			    if (R == 0) { footerSum = 'avg'; }
			    else if (R == 1) { footerSum = 'min'; }
			    else if (R == 2) { footerSum = 'max'; }			
			    else if (R == 3) { footerSum = 'sum'; }						
			
			    $("#grid15Odbery").dxDataGrid({ 
			        dataSource: CtvrtOdbery,
                    summary: {
                    totalItems: [
                                                { displayFormat: "{0}", column: "X0", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y0", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z0", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X1", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y1", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z1", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X2", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y2", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z2", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "X3", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Y3", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "Z3", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                                                { displayFormat: "{0}", column: "AX", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "AY", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "AZ", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },

                        { displayFormat: "{0}", column: "MX", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "MY", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
                        { displayFormat: "{0}", column: "MZ", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } }                        
                        
                        ]
                    }		
			    });
	        }		
        });	

        } // success
        

    });    


}

function El15Frm() {
    window.GetDate = 0;
    console.log('El15 Frm');

    $.ajax({
        url: "frm-el-15.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;              
            El15Grid(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Přehled odběrů, po 15. minutách'; 
            prepareMenuListener();
            /* 
            
            DisableMenu();			
            $("#MenuOde").attr('class', 'active');			
            PrepareFormOde();

            */
        }
    }); // ajax end	
};
function LoadOdbDiagram($strOM, $strKOD, $strMR) {

    $strRP   = 0;
    $strRRK  = 0;
    $strMRK  = 0;
    $strCM   = 0;
    $strPCOS = 0;
    $strPOZN = '';

    console.log("AjaxOdbLoad.php?om="+$strOM+"&mr="+$strMR+"&kod="+$strKOD);
    $.ajax({
        url: "AjaxOdbLoad.php",
        dataType : "script",
        type:"POST",
        data: { om:$strOM, mr:$strMR, kod:$strKOD },
        success: function(result) { 
            console.log(result);
            $("#DiagramRP").dxNumberBox({   value:$strRP   });
            $("#DiagramRRK").dxNumberBox({  value:$strRRK  });
            $("#DiagramMRK").dxNumberBox({  value:$strMRK  });
            $("#DiagramCM").dxNumberBox({   value:$strCM   });
            $("#DiagramPCOS").dxNumberBox({ value:$strPCOS });
            $("#DiagramPOZN").dxTextArea({  value:$strPOZN });

            DevExpress.ui.notify("OK. Načteno ... ","info",250);
        }
    });        
}

function PrepareElDiagramFrm() {


var DiagramData = [{"DEN":1,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":2,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":3,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":4,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":5,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":6,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":7,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":8,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":9,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":10,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":11,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":12,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":13,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":14,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":15,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":16,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":17,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":18,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":19,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":20,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":21,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":22,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":23,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":24,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":25,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":26,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":27,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":28,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":29,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":30,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""},
{"DEN":31,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":"","16":"","17":"","18":"","19":"","20":"","21":"","22":"","23":"","24":"","25":""}];

 var DiagramMesicRok = ["12/2024","11/2024","10/2024","09/2024","08/2024","07/2024","06/2024","05/2024","04/2024","03/2024","02/2024","01/2024","12/2023","11/2023","10/2023","09/2023","08/2023","07/2023","06/2023","05/2023","04/2023","03/2023","02/2023","01/2023","12/2022"];
    window.DiagramMesicRok = DiagramMesicRok[0];  

    $("#DiagramBtnPDF").dxButton({
        icon: "exportpdf",
        type: "normal",
        text: "PDF",
        onClick: function(e) { 
            var strMR = window.DiagramMesicRok;
            console.log("PDFdiagram.php?cas="+strMR);
            window.open("PDFdiagram.php?cas="+strMR, '_blank');
        }
    });   

    $("#DiagramBtnClear").dxButton({
        icon: "fa fa-eraser",
        type: "danger",
        text: "Smazat údaje",
        onClick: function(e) { 
            $("#DiagramRP").dxNumberBox({   value:0 });
            $("#DiagramRRK").dxNumberBox({  value:0 });
            $("#DiagramMRK").dxNumberBox({  value:0 });
            $("#DiagramCM").dxNumberBox({ value:0 });
            $("#DiagramPCOS").dxNumberBox({ value:0 });
            $("#DiagramPOZN").dxTextArea({  value:"" });
        }
    });    

    $("#DiagramBtnOK").dxButton({
        icon: "check",
        type: "default",
        text: "Uložit",
        onClick: function(e) { 
            window.GetDate = 0;
            /* DevExpress.ui.notify("Stisknuto ... " + window.DiagramMesicRok); */
            var strMR = window.DiagramMesicRok;
            var strOM = window.DiagramOM;
            strOM = strOM.replace(" / ", "*");
            strMR = strMR.replace("/", "*");

            var strRP   = $("#DiagramRP").dxNumberBox('option',   'value');
            var strRRK  = $("#DiagramRRK").dxNumberBox('option',  'value');            
            var strMRK  = $("#DiagramMRK").dxNumberBox('option',  'value');                        
            var strCM   = $("#DiagramCM").dxNumberBox('option', 'value');
            var strPCOS = $("#DiagramPCOS").dxNumberBox('option', 'value');            
            var strPOZN = $("#DiagramPOZN").dxTextArea('option',  'value');                        

            /* console.log("AjaxOdbSave.php?ek_id="+window.oc+"&om="+strOM+"&mr="+strMR+"&rp="+strRP+"&rrk="+strRRK+"&mrk="+strMRK+"&cm="+strCM+"&pcos="+strPCOS+"&pozn="+strPOZN);  */
            $.ajax({
                url: "AjaxOdbSave.php?ek_id="+window.oc+"&om="+strOM+"&mr="+strMR+"&rp="+strRP+"&rrk="+strRRK+"&mrk="+strMRK+"&cm="+strCM+"&pcos="+strPCOS+"&pozn="+strPOZN,
                dataType : "html",
                success: function(result) { 
                    DevExpress.ui.notify("OK. Uloženo ... ", "success", 250);
                }
            });
        }
    });

    $("#DiagramRP").dxNumberBox({
        placeholder: "...",
        min: 0, max: 1000,
        disabled: true
    });

    $("#DiagramRRK").dxNumberBox({
        placeholder: "...",
        min: 0, max: 1000,
        disabled: true
    });    
    
    $("#DiagramMRK").dxNumberBox({
        placeholder: "...",
        min: 0, max: 1000        
    });      

    $("#DiagramCM").dxNumberBox({
        placeholder: "...",
        min: 0, max: 1000        
    });       
    
    $("#DiagramPCOS").dxNumberBox({
        placeholder: "...",
        min: 0, max: 1000        
    });  

    $("#DiagramPOZN").dxTextArea({
        height: 90
    });      
    
    $("#DiagramMR").dxSelectBox({
        items: DiagramMesicRok,
        value: DiagramMesicRok[0],
        onValueChanged: function(e) {
            /* console.log(e.value);       */
            window.GetDate = 0;
            window.DiagramMesicRok = e.value;
            
            var $denD = Number(26);
            var $mesicD = Number(05);
            var $rokD = Number(2024);  
            var $res = e.value.split("/");

            $mesic   = Number($res[0]);
            $rok     = Number($res[1]);
            if ( ( ( $mesicD < $mesic ) && ($rokD == $rok) ) || ($rokD < $rok)) { $nastav = false;  }
            else if ( ( $mesicD == $mesic ) && ($rokD == $rok) ) { $nastav = false; }
            else { $nastav = true; }

            $("#DiagramBtnOK").dxButton({ disabled: $nastav }); 
            $("#DiagramBtnClear").dxButton({ disabled: $nastav });

            var $strMR = window.DiagramMesicRok;
            var $strOM = window.DiagramOM;
            var $strKOD = window.DiagramKOD;
            $strMR = $strMR.replace("/", "*");            
            console.log("AjaxOdbLoad.php?om="+$strOM+"&mr="+$strMR);

            LoadOdbDiagram($strOM, $strKOD, $strMR);            
        }

    });

    $.ajax({
        url: "AjaxOdbElH.php",
        dataType : "script",
        success: function(result) { 
            console.log(result);
            $foo = OdbernaMista[0].substring(1,OdbernaMista[0].indexOf(')'));
            window.DiagramOM = $foo.trim();
            $foo = OdbernaMista[0].substring(OdbernaMista[0].indexOf(')')+1,255);
            window.DiagramKOD = $foo.trim();

            $("#DiagramOM").dxSelectBox({
                items: OdbernaMista,
                value: OdbernaMista[0],
                onValueChanged: function(e) {
                    console.log(e.value);
                    $foo = e.value;
                    $foo2 = $foo.substring(1,$foo.indexOf(')'));
                    window.DiagramOM = $foo2.trim();
                    $foo3 = $foo.substring($foo.indexOf(')')+1,255);
                    window.DiagramKOD = $foo3.trim();

                    var $strMR   = window.DiagramMesicRok;
                    var $strOM   = window.DiagramOM;
                    var $strKOD  = window.DiagramKOD;
                    $strMR = $strMR.replace("/", "*");   
                    LoadOdbDiagram($strOM, $strKOD, $strMR);                      
                }
            });    

            var $strMR = window.DiagramMesicRok;
            var $strOM = window.DiagramOM;
            var $strKOD  = window.DiagramKOD;
            $strMR = $strMR.replace("/", "*");   
            LoadOdbDiagram($strOM, $strKOD, $strMR);             

        }
    });


    $("#gridDiagram").dxDataGrid({
        dataSource: DiagramData,
	    allowColumnResizing: false,
        rowAlternationEnabled: true,
        columnFixing: { enabled: false },
        allowColumnReordering: false,
        columnChooser: { enabled: false },		
        editing: { mode: "batch", allowUpdating: true },
        export: { enabled: true, allowExportSelectedData: false, formats: ['xlsx'], },              	
        onExporting(e) {

                const workbook = new ExcelJS.Workbook();
                const worksheet = workbook.addWorksheet('Companies');
                DevExpress.excelExporter.exportDataGrid({
                    component: e.component,
                    worksheet,
                    autoFilterEnabled: true,
                }).then(() => {
                    workbook.xlsx.writeBuffer().then((buffer) => {
                    saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'Odberovy-diagram.xlsx');
                    });
                });
                
        }, 
        scrolling: { mode: "virtual", useNative: true },
        showBorders: true,
        columns: [ 
            { 
                dataField: "DEN",
                caption: "d. / h.",
                width: 55, 
			    allowEditing : false,
                visible: true,
                fixed: true,
                cssClass: 'blue-1'                
            },
            { dataField: "1", caption: "1", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "2", caption: "2", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "3", caption: "3", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "4", caption: "4", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "5", caption: "5", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "6", caption: "6", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "7", caption: "7", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "8", caption: "8", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "9", caption: "9", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "10", caption: "10", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "11", caption: "11", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "12", caption: "12", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "13", caption: "13", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "14", caption: "14", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "15", caption: "15", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "16", caption: "16", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "17", caption: "17", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "18", caption: "18", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "19", caption: "19", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "20", caption: "20", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "21", caption: "21", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "22", caption: "22", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "23", caption: "23", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "24", caption: "24", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } },{ dataField: "25", caption: "25", width: 47, dataType: "number", format: { type: "fixedPoint", precision: 3 } }        ]        
    }); 

}

function ElDiagramFrm() {
    window.GetDate = 0;
    console.log('El Diagram Frm');

    $.ajax({
        url: "frm-el-diagram.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;     
            PrepareElDiagramFrm();         
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Odběrový diagram'; 
        }
    }); // ajax end	
};

function PrepareDateSelector(typ) {
      window.GetDate = 0;    
	  console.log('Prepare Range Selector '+typ);  
	  $("#date-selector").dxRangeSelector({
        selectedRangeColor:"#3F51B5",		  
        margin: {
            top: 0
        },
        size: {
            height: 180
        },
        scale: {
			valueType: 'datetime',
            startValue: new Date(2023, 05, 1),
            endValue: new Date(2024, 05, 1),
            minorTickInterval: "day",
            tickInterval: { month: 1 },
            minRange: "day",
            maxRange: "year",
            minorTick: {
                visible: false,
            }
        },
        sliderMarker: {
            format: "monthAndDay"
        },
        value: [new Date (2024, 02, 1), new Date (2024, 05, 1)],
        title: "Datum od - do",		
        onValueChanged: function (data) { 
		  if (typ == 1) { DataRange(); }
		  else
		  if (typ == 2) { DataRange2(); }		  
		  else
		  if (typ == 3) { DataRange3(); }		  
			
        }
	  
	  });
    console.log('2024, 02, 27 2024, 05, 17');    
}

function DataRange2 () {
    window.GetDate = 0;    
    console.log('DataRange2');
	DevExpress.ui.notify('Moment ...', 'info', 200);
    /*
    var rangeSelector = $("#date-selector").dxRangeSelector('instance');
    var selRange = rangeSelector.getValue();
    */

    var dateFrom = $("#AVDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#AVDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );

	var Datum1 = (dateBoxValueFrom.getFullYear()+'-'+(dateBoxValueFrom.getMonth()+1)+'-'+dateBoxValueFrom.getDate());
	var Datum2 = (dateBoxValueTo.getFullYear()+'-'+(dateBoxValueTo.getMonth()+1)+'-'+dateBoxValueTo.getDate());

    var RGroup1 = $("#radio-group-typAV").dxRadioGroup("instance");	
	var R1 = typAV.indexOf(RGroup1.option('value'));	

	/* console.log ("ajaxChAV.php?autor="+window.OC+"&prop="+window.CPY+"&typ="+R1+"&t1="+Datum1+"&t2="+Datum2); */
	$.ajax({
        url: "ajaxChAV.php?autor="+window.OC+"&prop="+window.CPY+"&typ="+R1+"&t1="+Datum1+"&t2="+Datum2,	  
        dataType : "script",
        success: function(result) { 
		    $("#gridAV").dxDataGrid({ dataSource: dataAV }); 
            /*
            if (strJmeno !== '') { document.getElementById("login-user").innerHTML = strJmeno; }
            elseif if (strAdmin!== '') { document.getElementById("login-user").innerHTML = strAdmin; }            
            document.getElementById("MenuDashboardCompany").innerHTML = strFirma;
            */

			DevExpress.ui.notify("OK, provedeno ...", "info", 500);
		} });	
}

function PrepareFormAV() {
    window.GetDate = 0;    
	console.log('PrepareAV');
    window.CPY = true;    
    footerSum = 'avg';	
    var now = new Date();      
    
    $("#popupClean").dxPopup({
	    width: 400,
        height: 180,		
        shading: true,
        shadingColor: "rgba(0, 0, 0, 0)",
		showTitle: true,
        title: "Vyčistit tabulku ...",
		onShown: function () {
            var rangeSelector = $("#date-selector").dxRangeSelector('instance');
            var selRange = rangeSelector.getValue();
		        
	        var Datum1 = (selRange[0].getDate()+'.'+(selRange[0].getMonth()+1)+'.'+selRange[0].getFullYear());
	        var Datum2 = (selRange[1].getDate()+'.'+(selRange[1].getMonth()+1)+'.'+selRange[1].getFullYear());			
			
			$("#popupCleanInterval").text(Datum1+' - '+Datum2);
            
            var RGroup1 = $("#radio-group-typAV").dxRadioGroup("instance");	
	        var R1 = typAV.indexOf(RGroup1.option('value'));            
            
			switch (R1) {
				case 0: foo = 'K4'; break;
				case 1: foo = 'K5'; break;				
				case 2: foo = 'K7'; break;				
            }

            console.log(R1);

			$("#popupCleanKotel").text(foo);
			
            $("#BtnOK").dxButton({
                text: "ANO",
				type: "danger",
                onClick: function (e) { 
					console.log('Clean');
				    // var RGroup1 = $("#radio-group-kotel").dxRadioGroup("instance");
			        // var R1 = kot.indexOf(RGroup1.option('value'));
					DataRange2('d=2');					
                    $("#popupClean").dxPopup("hide");					
			    }
            });			
			
            $("#BtnCancel").dxButton({
                text: "NE",
                onClick: function (e) { 
                    $("#popupClean").dxPopup("hide");
			    }
            });			
			
		}
    });		  

	$.ajax({
	  url: "ajaxChAV.php?autor=" +window.OC+"&typ=4&cas=0&t1=2024-03-01&t2=2024-06-01",		
		
        dataType : "script",
        success: function(result) { 	
         console.log("ajaxChAV.php?autor=&typ=4&cas=0&t1=2024-03-01&t2=2024-06-01");        /* PrepareDateSelector (2);*/
		/* DataRange2 ('d=1'); */
	    console.log( "Prepare grid AV" );  	
        $("#gridAV").dxDataGrid({
            dataSource: dataAV,
	     	rowAlternationEnabled: false,
     		allowColumnResizing: true,
            columnResizingMode: "nextColumn",		
		    showBorders: true,
		    showRowLines: true,
		    columnAutoWidth: false,
		    columnMinWidth: 30,
            scrolling: { mode: "virtual",
                    onInitialized: function(e) { e.component._attachNativeScrollbarsCustomizationCss = function() {}; },
                    useNative: true
            },             
            paging: {
                enabled: false
			},
		    filterRow: {
                visible: false,
                applyFilter: "auto"
            },			
            headerFilter: {
                visible: true
            },			
		    "export": {
                enabled: true,
                fileName: "Automaticky-Vzorkovac"
            },
		    searchPanel: {
                visible: true,
                width: 200,
                placeholder: "Hledat..."
            },                
		    selection: {
                mode: "single"
            },
		    sorting: {
                mode: "multiple"
            },
			            columnChooser: {
                enabled: true
            },			
            toolbar: {
                items: [
                {
                    location: "before",
                    widget: "dxButton",
				    type: "danger",
				
                    options: {
                        icon: "clearformat",					
		       		    type: "danger",
				     	hint: "Zrušit filtrační podmínky ...",
                        onClick: function() {
                            DevExpress.ui.notify("ruším filtrační podmínky ...","warning",1500);
                            var dataGrid = $('#gridAV').dxDataGrid('instance');
						    dataGrid.clearFilter();	
						    dataGrid.clearSorting();
                        }
                    }   
			    },
                {
                location: "before",
                widget: "dxSelectBox",				
                options: {
					items: typAV,
					width: 200,
					acceptCustomValue: false,
					value: typAV[0],
                    onValueChanged: function(data) {
                        DevExpress.ui.notify("moment ...","info",500);
                        var selectedValue = data.value; 
                        $("#radio-group-typAV").dxRadioGroup("instance").option('value',selectedValue);
                        DataRange2();
                        }
      			    }
		     	},
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "od",
                        displayFormat: "dd.MM.yyyy",
                        value: now - (60*60*1000*24*60),
                        elementAttr: { id: "AVDateFrom" },                            
                        onValueChanged: function(e) { 
        	                DataRange2(); 
                        }
                    }        
                },
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "do",                            
                        displayFormat: "dd.MM.yyyy",
                        value: now,
                        elementAttr: { id: "AVDateTo" },
                        onValueChanged: function(e) { 
        	                DataRange2(); 
                        }
                    }        
                }, 'columnChooserButton', 'exportButton', 'searchPanel'
                
				] //onToolbarPreparing:end            
            },
            columns: [
                {   dataField: "ID", width: 30, visible: false, dataType: "number" },			
                {   dataField: "DATUM", dataType: "date", format: "dd.MM.yyyy" },
                {   dataField: "DEN", width: 85, visible: true },
                {   dataField: "TYP", width: 50 },				                
                {   dataField: "D", width: 85, cssClass: 'blue-2 text-center' },				
                {   dataField: "MESIC", width: 85, visible: false },
                {   dataField: "WTR", caption: "Wtr  [%]", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "AR", caption: "Ar %", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },				
                {   dataField: "AD", caption: "Ad  [%]", width: 85, cssClass: 'purple-1', dataType: "number", format: { type: "fixedPoint", precision: 2 } },				
                {   dataField: "QIR", caption: "Qir  [MJ/kg]", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "QSR", caption: "Qsr  [MJ/kg]", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "ND", caption: "Nd  [%]", width: 85, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "CD", caption: "Cd  [%]", width: 85, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "HD", caption: "Hd  [%]", width: 85, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "SR", caption: "Sr  [%]", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "SD", caption: "Sd  [%]", width: 85, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "SMR", caption: "Smr  [g/MJ]", width: 85, cssClass: 'purple-1', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "AMR", caption: "Amr  [g/MJ]", width: 85, visible: true, dataType: "number", format: { type: "fixedPoint", precision: 2 } }
                ],
								
            summary: {
				
            totalItems: [
            {
                column: "AR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },                  
            {
                column: "WTR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },                  
            {
                column: "SD",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },                  
            {
                column: "AD",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },                   
            {
                column: "QIR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },                
			{
                column: "QSR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "ND",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CD",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "HD",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "SR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "SMR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },            
			{
                column: "AMR",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            }				
			]
        }   // end summary											
        });	// end grid
     	}   // end ajax success
	});
	
    console.log('Prepare grid AV finished');
    $("#radio-group-typAV").dxRadioGroup({
        items: typAV,
        value: typAV[0],
        layout: "horizontal",
		visible: false,
		
        onValueChanged: function(e){
			DataRange2 ();
        }		
		
    });	

    $("#radio-group-footerAV").dxRadioGroup({
        items: footer,
        value: footer[0],
        layout: "horizontal",
		
        onValueChanged: function(e){
			/* DevExpress.ui.notify('Moment ...', 'info', 600);			*/
			var RGroup = $("#radio-group-footerAV").dxRadioGroup("instance");			
			var R = footer.indexOf(RGroup.option('value'));
			if (R == 0) { footerSum = 'avg'; }
			else if (R == 1) { footerSum = 'min'; }
			else if (R == 2) { footerSum = 'max'; }			
			else if (R == 3) { footerSum = 'sum'; }						
			
			$("#gridAV").dxDataGrid({ 
			    dataSource: dataAV,
                summary: {
                totalItems: [
                { displayFormat: "{0}", column: "WTR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                                                            
                { displayFormat: "{0}", column: "AR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                                        
                { displayFormat: "{0}", column: "SD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                                                            
                { displayFormat: "{0}", column: "AD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                                        
                { displayFormat: "{0}", column: "QIR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                    
			    { displayFormat: "{0}", column: "QSR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
			    { displayFormat: "{0}", column: "ND", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
			    { displayFormat: "{0}", column: "CD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
			    { displayFormat: "{0}", column: "HD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
			    { displayFormat: "{0}", column: "SR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },
			    { displayFormat: "{0}", column: "SMR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } },                
				{ displayFormat: "{0}", column: "AMR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 } }	
			]
            }			
			});
	    }		
    });	

    console.log('Prepare Radio finished');
	
}

function AVFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-ch-av.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormAV(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Laboratoř'; 
            prepareMenuListener();
			}
    }); // ajax end	
};function DataRange3 (parametr) {
    window.GetDate = 0;    
	DevExpress.ui.notify('Moment ...', 'info', 200);
    /*
    var rangeSelector = $("#date-selector").dxRangeSelector('instance');
    var selRange = rangeSelector.getValue();
		        
	var Datum1 = (selRange[0].getFullYear()+'-'+(selRange[0].getMonth()+1)+'-'+selRange[0].getDate());
	var Datum2 = (selRange[1].getFullYear()+'-'+(selRange[1].getMonth()+1)+'-'+selRange[1].getDate());
    */

    var dateFrom = $("#VPDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#VPDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );

	var Datum1 = (dateBoxValueFrom.getFullYear()+'-'+(dateBoxValueFrom.getMonth()+1)+'-'+dateBoxValueFrom.getDate());
	var Datum2 = (dateBoxValueTo.getFullYear()+'-'+(dateBoxValueTo.getMonth()+1)+'-'+dateBoxValueTo.getDate());

    var RGroup1 = $("#radio-group-SILO").dxRadioGroup("instance");	
	var R1 = SILO.indexOf(RGroup1.option('value'));	

	console.log ('(3)'+Datum1+' / '+Datum2);
	$.ajax({
        url: "ajaxChVP.php?typ="+R1+"&t1="+Datum1+"&t2="+Datum2+"&"+parametr,	  
        dataType : "script",
        success: function(result) { 
		    $("#gridVP").dxDataGrid({ dataSource: dataVP }); 
			DevExpress.ui.notify("OK, provedeno ...", "info", 500);
		} });	
}

function PrepareFormVP() {

    var now = new Date();   

	$.ajax({
	  url: "ajaxChVP.php?typ=0&cas=0&t1=2024-03-01&t2=2024-06-01",        dataType : "script",
        success: function(result) { 	
	    console.log( "Prepare grid" );  	
        $("#gridVP").dxDataGrid({
            dataSource: dataVP,
	     	rowAlternationEnabled: false,
     		allowColumnResizing: true,
            columnResizingMode: "nextColumn",		
		    showBorders: true,
		    showRowLines: true,
		    columnAutoWidth: true,
		    columnMinWidth: 30,
            scrolling: { mode: "virtual",
                    onInitialized: function(e) { e.component._attachNativeScrollbarsCustomizationCss = function() {}; },
                    useNative: true
            },            
            paging: {
                enabled: false
			},
		    filterRow: {
                visible: false,
                applyFilter: "auto"
            },			
            headerFilter: {
                visible: true
            },			
		    "export": {
                enabled: true,
                fileName: "Vzorky-popelovin"
            },
		    searchPanel: {
                visible: true,
                width: 200,
                placeholder: "Hledat..."
            },    		
            onRowUpdated: function (e) {
			    DevExpress.ui.notify("aktualizuji data ...","info",500);
				var RTYPGroup = $("#radio-group-SILO").dxRadioGroup("instance");			
   			    var RTYP = SILO.indexOf(RTYPGroup.option('value'));

      	 	    var datagrid = $("#gridVP").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			    // key, data, component, element
			    var output = '';
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
				console.log ("ajaxChVPSave.php?r=upd&typ="+RTYP+"&in="+output);
			    $.ajax({
                    url: "ajaxChVPSave.php?r=upd&typ="+RTYP+"&in="+output,
                        dataType : "script",
                        success: function(result) { 
			            DevExpress.ui.notify("ok ...","success",500);
				    }
			    });			
		    },	
		    selection: {
                mode: "single"
            },
		    sorting: {
                mode: "multiple"
            },
			            columnChooser: {
                enabled: true
            },			
            toolbar: {
                    items: [
                        {
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "clearformat",					
				    type: "danger",
					hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","warning",500);
                        var dataGrid = $('#gridVP').dxDataGrid('instance');
						dataGrid.clearFilter();	
						dataGrid.clearSorting();
                    }
			    }
			    },
                {
                location: "before",
                widget: "dxSelectBox",
                options: {
					items: SILO,
					acceptCustomValue: false,
					value: SILO[0],
                    onValueChanged: function(data) {
                        DevExpress.ui.notify("moment ...","info",500);
						var selectedValue = data.value;
						console.log(selectedValue);
                        $("#radio-group-SILO").dxRadioGroup("instance").option('value',selectedValue);
						DataRange3();
                        }
      			    }
                },
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "od",
                        displayFormat: "dd.MM.yyyy",
                        value: now - (60*60*1000*24*60),
                        elementAttr: { id: "VPDateFrom" },                            
                        onValueChanged: function(e) { 
        	                DataRange3(); 
                        }
                    }        
                },
                {
                    location: "before",
                    widget: "dxDateBox",
                    options: {
                        type: "date",
                        label: "do",                            
                        displayFormat: "dd.MM.yyyy",
                        value: now,
                        elementAttr: { id: "VPDateTo" },
                        onValueChanged: function(e) { 
        	                DataRange3(); 
                        }
                    }        
                }, 'columnChooserButton', 'exportButton', 'searchPanel'	
                ]											
            },
/*			
		    customizeColumns(columns) {    
                columns.forEach(element => {    
                    if(element.caption)
                        element.headerCellTemplate = element.caption.replace("  ", "<br/>");     
                }); 
            },			*/
            columns: [
			    { caption : "VZORKY POPELOVIN", 
                columns : [
                {   dataField: "ID", width: 30, visible: false, dataType: "number" },			
                {   dataField: "DATUM", dataType: "date", format: "dd.MM.yyyy" },
                {   dataField: "SILO", width: 50 },				
                {   dataField: "MESIC", width: 105 },
                {   dataField: "DEN", width: 110 },
                {   dataField: "CA", caption: "CA celk.  [%]", width: 110, dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "CAO", caption: "CaO celk.  [%]", width: 110, dataType: "number", format: { type: "fixedPoint", precision: 2 } },				
                {   dataField: "CAOV", caption: "CaO vol.  [%]", width: 110, dataType: "number", format: { type: "fixedPoint", precision: 2 } },								
                {   dataField: "CAOC", caption: "CaO CaSO4  [%]", width: 110, dataType: "number", cssClass: 'text-red-5', format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "SDT", caption: "Sdt  [%]", width: 110, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "CASO", caption: "CaSO4  [%]", width: 110, cssClass: 'text-red-5', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "NEDOPAL", caption: "Nedopal  [%]", width: 110, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "CD_NEDOPAL", caption: "Cd Nedopalu  [%]", width: 110, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } },
                {   dataField: "CDT", caption: "Cdt  [%]", width: 110, cssClass: 'text-red-3', dataType: "number", format: { type: "fixedPoint", precision: 2 } }
			
                ] } ]
                ,
							
            summary: {
				
            totalItems: [            
			{
                column: "CA",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CAO",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CAOV",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CAOC",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "SDT",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CASO",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "NEDOPAL",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CD_NEDOPAL",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            },
			{
                column: "CDT",
				displayFormat: "{0}",				
                summaryType: footerSum,
				valueFormat: { type: "decimal", precision: 2 }
            }
			
			]
            }				
							
        });			
	    	
     	}
	});
	
    $("#radio-group-SILO").dxRadioGroup({
        items: SILO,
        value: SILO[0],
        layout: "horizontal",
		visible: false,
		
        onValueChanged: function(e){
            DataRange3();
        }		
		
    });	

    $("#radio-group-footerVP").dxRadioGroup({
        items: footer2,
        value: footer2[0],
        layout: "horizontal",
		
        onValueChanged: function(e){
			/* DevExpress.ui.notify('Moment ...', 'info', 600);			 */
			var RGroup = $("#radio-group-footerVP").dxRadioGroup("instance");			
			var R = footer2.indexOf(RGroup.option('value'));
			if (R == 0) { footerSum = 'min'; }
			else if (R == 1) { footerSum = 'max'; }			
			else if (R == 2) { footerSum = 'sum'; }						
			
			$("#gridVP").dxDataGrid({ 
			    dataSource: dataVP,
                summary: {
                totalItems: [
				
			    {
                    displayFormat: "{0}", column: "CA", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "CAO", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "CAOC", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "SDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "CASO", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "NEDOPAL", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "CD_NEDOPALU", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                }	
				
			]
            }			
			});
	    }		
    });	
	
}

function VPFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-ch-vp.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  
			PrepareFormVP(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Laboratoř'; 
            prepareMenuListener();
			}
    }); // ajax end	
};
function PrepareFormNE() {
    window.GetDate = 0;
    
    $("#btnNEDay").dxButton({
        text: "Po dnech",
        type: "default",
        onClick: function(e) {
            NEFrm(); 
        }
    });

    $("#btnNEMonth").dxButton({
        text: "Po měsících",
        type: "normal",
        onClick: function(e) { 
        	NEMonthFrm();
        }
    });

	$.ajax({
        url: "ajaxChNE.php?start=1",
        dataType : "script",
        success: function(result) { 	

	    console.log( "Prepare grid NEDOPALY" );  	
        $("#gridNEDOPAL").dxDataGrid({
            dataSource: dataNEDOPAL,
	     	rowAlternationEnabled: false,
     		allowColumnResizing: true,
            columnResizingMode: "nextColumn",		
		    showBorders: true,
		    showRowLines: true,
		    columnAutoWidth: true,
		    columnMinWidth: 30,
            paging: {
                enabled: false
			},
		    filterRow: {
                visible: false,
                applyFilter: "auto"
            },			
            headerFilter: {
                visible: true
            },			
		    "export": {
                enabled: true,
                fileName: "Nedopaly"
            },
		    searchPanel: {
                visible: true,
                width: 200,
                placeholder: "Hledat..."
            },    
            onRowUpdated: function (e) {
			    DevExpress.ui.notify("zapisuji data ...","info",300);
      	 	    var datagrid = $("#gridNEDOPAL").dxDataGrid('instance');

			    // key, data, component, element
			    var output = '';
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
				console.log ("ajaxChNESave.php?data="+output);
			    $.ajax({
                    url: "ajaxChNESave.php?data="+output,
                        dataType : "script",
                        success: function(result) { 
			            DevExpress.ui.notify("ok ...","success",500);
				    }
			    });			
		    },	
		    selection: {
                mode: "single"
            },
		    sorting: {
                mode: "multiple"
            },
			            columnChooser: {
                enabled: true
            },			
            toolbar: {
                    items: [
                        {
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "clearformat",					
				    type: "danger",
					hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","warning",500);
                        var dataGrid = $('#gridNEDOPAL').dxDataGrid('instance');
						dataGrid.clearFilter();	
						dataGrid.clearSorting();
                    }
                   
			    }
			},
			{
                location: "after",
                widget: "dxButton",
				
                options: {
                    icon: "overflow",					
				    type: "default",
					text: "CDT",
					hint: "Skrýt / zobrazit sloupce CDT",
                    onClick: function() {
                        DevExpress.ui.notify("moment ...","info",250);
                        var dataGrid = $('#gridNEDOPAL').dxDataGrid('instance');
						var state = $('#gridNEDOPAL').dxDataGrid('instance').state();
	  	 				    for (var i = 0; i < state.columns.length; i++) 
							{
								str = state.columns[i].dataField+'';
								n = str.indexOf("_CDT");
            					if (n > 1) { state.columns[i].visible = !state.columns[i].visible; }
						    }
							dataGrid.state(state);
                    }
                   
			    }
			},			
			{
                location: "before",
                widget: "dxSelectBox",
                options: {
					items: dateList,
					acceptCustomValue: false,
					value: dateList[0],
                    placeholder: "datum ...",
                    onValueChanged: function(data) {
                        DevExpress.ui.notify("moment ...","info",500);
						
                        $.ajax({
                            url: "ajaxChNE.php?date="+data.value,
          				    dataType : "script",
                            success: function(result) { 
                            $("#gridNEDOPAL").dxDataGrid({ dataSource: dataNEDOPAL });
						    DevExpress.ui.notify("OK, provedeno ...","success",500);
				        }
			            });								
						
                    }
                   
			    }
			}, 'columnChooserButton', 'exportButton', 'searchPanel'			
            ]
            },

            columns: [
                {
                    dataField: "ID",
                    width: 30, 
				    visible: false,
				    allowEditing : false,
					dataType: "number"
                },			
      			{
                    dataField: "DATUM",
                    width: 95, 
				    visible: true,
				    allowEditing : false,
					dataType: "date",
                    format: "dd.MM.yyyy"					
                },
			    { caption : "úletový popílek, malé depaky", 
                columns : [
                {
                    dataField: "K4_UP_MD",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K4_UP_MD_CDT",
					name: "K4_UP_MD_CDT",
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'silver-2', format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_MD",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_MD_CDT",
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					cssClass: 'silver-2',					
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }				
                ]				
				},

			    { caption : "úletový popílek, velké depaky", 
                columns : [
                {
                    dataField: "K4_UP_VD",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K4_UP_VD_CDT",
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
					cssClass: 'silver-2',					
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_VD",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_VD_CDT",
					cssClass: 'silver-2',					
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }]},
				{caption: "TF", 
				columns: [
                {
                    dataField: "K7_UP",
					caption: "K7",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K7_UP_CDT",
					cssClass: 'silver-2',					
					caption: "K7 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }				
                ]				
				},
				
                {
                    dataField: "W_UP",
					caption: "Wt r",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'blue-1', format: { type: "fixedPoint", precision: 2 }					
                },
                { caption : "ložový popel, drtiče", 
                columns : [ {
                    dataField: "K4_LP_DR",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K4_LP_DR_CDT",
					cssClass: 'silver-2',					
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_LP_DR",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K5_LP_DR_CDT",
					cssClass: 'silver-2',					
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K7_LP",
					caption: "K7 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K7_LP_CDT",
					cssClass: 'silver-2',					
					caption: "K7 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }]},				
                {
                    dataField: "W_LP",
					caption: "Wtr",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'blue-1', format: { type: "fixedPoint", precision: 2 }						
                }
				
				
				

				],

            summary: {
				
            totalItems: [{
                column: "DATUM",
                summaryType: "count"
            }
			]
        }
        });
     	}
	});
	
}

function PrepareFormNeMonth ()
{

    $("#btnNEDay").dxButton({
        text: "Po dnech",
        type: "normal",
        onClick: function(e) { 
            NEFrm();
        }
    });

    $("#btnNEMonth").dxButton({
        text: "Po měsících",
        type: "default",
        onClick: function(e) { 
        }
    });    

	$.ajax({
        url: "ajaxChNE.php?rok=2024",
        dataType : "script",
        success: function(result) { 	

	    console.log( "Prepare grid NEDOPALY ajaxDataNE.php?rok=2024" );  	
        $("#gridYearNEDOPAL").dxDataGrid({
            dataSource: dataYearNEDOPAL,
			calendarOptions: { firstDayOfWeek: 1 },
	     	rowAlternationEnabled: false,
		    showBorders: true,
		    showRowLines: true,		        
            columnChooser: {
                enabled: true
            },			
		    "export": {
                enabled: true,
                fileName: "Nedopaly-rok"
            },			
			onToolbarPreparing: function(e) {
                var dataGrid = e.component;
                e.toolbarOptions.items.unshift(
			{
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "fa fa-angle-double-down",					
				    type: "danger",
					hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","warning",500);
                        var dataGrid = $('#gridYearNEDOPAL').dxDataGrid('instance');
						dataGrid.clearFilter();	
						dataGrid.clearSorting();
                    }
                   
			    }
			},
			{
                location: "after",
                widget: "dxButton",
				
                options: {
                    icon: "overflow",					
				    type: "default",
					text: "CDT",
					hint: "Skrýt / zobrazit sloupce CDT",
                    onClick: function() {
                        DevExpress.ui.notify("moment ...","info",250);
                        var dataGrid = $('#gridYearNEDOPAL').dxDataGrid('instance');
						var state = $('#gridYearNEDOPAL').dxDataGrid('instance').state();
	  	 				    for (var i = 0; i < state.columns.length; i++) 
							{
								str = state.columns[i].dataField+'';
								n = str.indexOf("_CDT");
            					if (n > 1) { state.columns[i].visible = !state.columns[i].visible; }
						    }
							dataGrid.state(state);
                    }
                   
			    }
			},			
			{
                location: "before",
                widget: "dxSelectBox",
                options: {
					items: yearList,
					acceptCustomValue: false,
					value: yearList[0],
                    placeholder: "datum ...",
                    onValueChanged: function(data) {
                        DevExpress.ui.notify("moment ...","info",500);
						console.log ("ajaxChNE.php?rok="+data.value);
                        $.ajax({
                            url: "ajaxChNE.php?rok="+data.value,
          				    dataType : "script",
                            success: function(result) { 
                            $("#gridYearNEDOPAL").dxDataGrid({ dataSource: dataYearNEDOPAL });
						    DevExpress.ui.notify("OK, provedeno ...","success",500);
				        }
			            });								
						
                    }
                   
			    }
			}); //onToolbarPreparing:end            
            },			
			
            columns: [
                {
                    dataField: "ID",
                    width: 30, 
				    visible: false,
				    allowEditing : false,
					dataType: "number"
                },			
      			{
                    dataField: "DATUM",
                    width: 80, 
				    visible: true,
				    allowEditing : false,
					calendarOptions: { firstDayOfWeek: 1 },
	                format: "dd.MM.yyyy"				
                },
			    { caption : "úletový popílek, malé depaky", 
                columns : [
                {
                    dataField: "K4_UP_MD",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K4_UP_MD_CDT",
					name: "K4_UP_MD_CDT",
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'silver-2', format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_MD",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_MD_CDT",
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					cssClass: 'silver-2',					
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }				
                ]				
				},

			    { caption : "úletový popílek, velké depaky", 
                columns : [
                {
                    dataField: "K4_UP_VD",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K4_UP_VD_CDT",
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
					cssClass: 'silver-2',					
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_VD",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_UP_VD_CDT",
					cssClass: 'silver-2',					
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }]},
				{caption: "TF", 
				columns: [
                {
                    dataField: "K7_UP",
					caption: "K7",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K7_UP_CDT",
					cssClass: 'silver-2',					
					caption: "K7 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }				
                ]				
				},
				
                {
                    dataField: "W_UP",
					caption: "Wt r",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'blue-1', format: { type: "fixedPoint", precision: 2 }					
                },
                { caption : "ložový popel, drtiče", 
                columns : [ {
                    dataField: "K4_LP_DR",
					caption: "K4 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K4_LP_DR_CDT",
					cssClass: 'silver-2',					
					caption: "K4 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K5_LP_DR",
					caption: "K5 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K5_LP_DR_CDT",
					cssClass: 'silver-2',					
					caption: "K5 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },
                {
                    dataField: "K7_LP",
					caption: "K7 nedopal",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                },				
                {
                    dataField: "K7_LP_CDT",
					cssClass: 'silver-2',					
					caption: "K7 Cdt",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number", format: { type: "fixedPoint", precision: 2 }
                }]},				
                {
                    dataField: "W_LP",
					caption: "Wtr",
                    width: 70, 
				    visible: true,
				    allowEditing : true,
					dataType: "number",
					cssClass: 'blue-1', format: { type: "fixedPoint", precision: 2 }					
                }				

				],
            summary: {
                totalItems: [
				{   column: "DATUM", summaryType: "count" },
			    {
                    displayFormat: "{0}", column: "K4_UP_MD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_UP_MD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_MD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_MD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_UP_VD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K4_UP_VD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_VD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K5_UP_VD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K7_UP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K7_UP_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },		
				{
                    displayFormat: "{0}", column: "W_UP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },			
				{
                    displayFormat: "{0}", column: "W_LP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_LP_DR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K4_LP_DR_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_LP_DR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K5_LP_DR_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K7_LP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K7_LP_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                }
			]
            }				
			
		});
		
	    }
	});

    $("#radio-group-footerAV").dxRadioGroup({
        items: footer,
        value: footer[0],
        layout: "horizontal",
		
        onValueChanged: function(e){
			DevExpress.ui.notify('Moment ...', 'info', 600);			
			var RGroup = $("#radio-group-footerAV").dxRadioGroup("instance");			
			var R = footer.indexOf(RGroup.option('value'));
			if (R == 0) { footerSum = 'avg'; }
			else if (R == 1) { footerSum = 'min'; }
			else if (R == 2) { footerSum = 'max'; }			
			else if (R == 3) { footerSum = 'sum'; }						
			
			$("#gridYearNEDOPAL").dxDataGrid({ 
			    dataSource: dataYearNEDOPAL,
                summary: {
                totalItems: [
				{   column: "DATUM", summaryType: "count" },
			    {
                    displayFormat: "{0}", column: "K4_UP_MD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_UP_MD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_MD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_MD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_UP_VD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K4_UP_VD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_UP_VD", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K5_UP_VD_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K7_UP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K7_UP_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },		
				{
                    displayFormat: "{0}", column: "W_UP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },			
				{
                    displayFormat: "{0}", column: "W_LP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K4_LP_DR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K4_LP_DR_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K5_LP_DR", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K5_LP_DR_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
			    {
                    displayFormat: "{0}", column: "K7_LP", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                },
				{
                    displayFormat: "{0}", column: "K7_LP_CDT", summaryType: footerSum, valueFormat: { type: "decimal", precision: 2 }
                }
				
				
			]
            }			
			});
	    }		
    });	
    
}

function NEFrm() {
    console.log('po dnech');
    $.ajax({
        url: "frm-ch-ne-days.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  
			PrepareFormNE();
            prepareMenuListener(); 
			}
    }); // ajax end	
};

function NEMonthFrm() {
    window.GetDate = 0;    
    console.log('po měsících');    
    $.ajax({
        url: "frm-ch-ne-months.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  
			PrepareFormNeMonth(); 
            prepareMenuListener();
			}
    }); // ajax end	
};function PrepareFormRadioGroup() {
    var vzorkovace = ["vzorkovač pro K4", "vzorkovač pro K5", "vzorkovač pro K7"]; 

    $("#radio-group-vzorkovace").dxRadioGroup({
        items: vzorkovace,
        value: vzorkovace[0],
        layout: "horizontal",
        onValueChanged: function(e){
            console.log(e.value);
            window.GrafVzorkovac = vzorkovace.indexOf(e.value) + 1;
            PrepareFormCH();
        }
    });
}

function PrepareFormCH() {
	console.log('Prepare chart ...');
	$.ajax({
      url: "ajaxChChart.php?typ="+window.GrafVzorkovac+"&cas=1",
      dataType : "script",
      success: function(result) {

        $("#zoomedChart").dxChart({
            dataSource: lab,
            palette: "Harmony Light",
            commonAxisSettings: {
                grid: {
                    visible: true
                },
                type: "bar"
            },
            series: [
                { color: "#3F51B5", valueField: "WTR", name: "Wtr %", argumentField: "DATUM" },
                { color: "#F44336", valueField: "AR", name: "Ar %", argumentField: "DATUM" },
                { color: "#FFC107", valueField: "QIR", name: "Qir", argumentField: "DATUM" },
                { color: "#00E676", valueField: "QSR", name: "Qsr", argumentField: "DATUM" }			
		    ],
            legend: {
                verticalAlignment: "bottom",
                horizontalAlignment: "center"
            },
            onLegendClick: function(e) {
                        var series = e.target;
                        if(series.isVisible()) { 
                            series.hide();
                        } else {
                            series.show();
                        }
            },              
            tooltip:{ enabled: true },
            export: { enabled: true }
        }); 	

    $("#rangeSelector").dxRangeSelector({
        size: {
            height: 120
        },
        margin: {
            left: 10
        },
        scale: {
            minorTickCount:1
        },
        dataSource: lab,
        chart: { 
            series: [
                { color: "#3F51B5", valueField: "WTR", name: "Wtr %", argumentField: "DATUM" },
                { color: "#F44336", valueField: "AR", name: "Ar %", argumentField: "DATUM" },
                { color: "#FFC107", valueField: "QIR", name: "Qir", argumentField: "DATUM" },
                { color: "#00E676", valueField: "QSR", name: "Qsr", argumentField: "DATUM" }			
		    ],            
            palette: "Harmony Light"
        },
        behavior: {
            callValueChanged: "onMoving"
        },
        onValueChanged: function (e) {
            var zoomedChart = $("#zoomedChart").dxChart("instance");
            zoomedChart.zoomArgument(e.value[0], e.value[1]);
            window.GetDate = 0;
        }
    }); 
		
	} });
    	
}

function CHFrm() {
    window.GetDate = 0;    
    window.GrafVzorkovac = 1;
    $.ajax({
        url: "frm-ch-chart.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  
			PrepareFormCH(); 
            PrepareFormRadioGroup();
            prepareMenuListener();
			}
    }); // ajax end	
};function PrepareDataRe(){
    var $blok, $d1, $d2;
    $blok = document.getElementById("DataBlok").innerHTML;
    $d1 = document.getElementById("DataFrom").innerHTML;
    $d2 = document.getElementById("DataTo").innerHTML;        

    console.log("AjaxRe.php?blok="+$blok+"&d1="+$d1+"&d2="+$d2);

    $.ajax({
        url:  "AjaxRe.php?blok="+$blok+"&d1="+$d1+"&d2="+$d2,
        dataType: "script",
        success: function(result) { 
            $("#gridRemit").dxDataGrid({ dataSource: DataRemit });
            document.getElementById("Loader").classList.add("hide");
        }
    });    
    
}

function RePrepareSel() {

var loadPanelRe = $("#LoadPanelRemit").dxLoadPanel({
    shadingColor: "rgba(0,0,0,0)",
    position: { of: "#gridRemit" },
    visible: false,
    showIndicator: true,
    showPane: true,
    shading: true,
    closeOnOutsideClick: true,
    onShown: function(){ },
    onHidden: function(){ }      
}).dxLoadPanel("instance");  

loadPanelRe.show();

console.log('Prepare Sel Re');

var rangeSelector = $("#date-selector-re").dxRangeSelector('instance');
var selRange = rangeSelector.getValue();

var $Datum1  = (selRange[0].getDate()+'.'+(selRange[0].getMonth()+1)+'.'+selRange[0].getFullYear());
var $Datum2  = (selRange[1].getDate()+'.'+(selRange[1].getMonth()+1)+'.'+selRange[1].getFullYear());    

console.log("ajaxRe.php?blok="+window.ReOkruh+"&t1="+$Datum1+"&t2="+$Datum2); 

    $.ajax({
    url:  "AjaxRe.php?blok="+window.ReOkruh+"&t1="+$Datum1+"&t2="+$Datum2,
    dataType: "script",
    success: function(result) { 

        $("#gridRemit").dxDataGrid({ dataSource: DataRemit });
                
        loadPanelRe.hide();

        }// success
    });


}

function ReRange() {
        var $d1 = new Date("2024/04/02");
    var $d2 = new Date("2024/05/03");    

    $("#date-selector-re").dxRangeSelector({
        title: "interval",
        selectedRangeColor:"#2196F3",		  
        margin: { top: 10 },
        size: { height: 180 },
        scale: {
			valueType: 'datetime',
            startValue: new Date(2021, 0, 1),
            endValue: new Date(2025, 1, 1),

            minorTickInterval: "day",
            tickInterval: { day: 1 },
            minRange: "day",
            maxRange: "quarter",
            minorTick: { visible: false }
        },
        sliderMarker: { format: "monthAndDay", color: "#1565C0" },
        value: [$d1, $d2],
        title: "",		
        onValueChanged: function (data) { 
            RePrepareSel();
        }	  
	});

    console.log('2021, 05, 02 2025, 05, 02');
}


function PrepareFormRe() {
    var okruhy = ['TG4','TG5','TG7'];    
    window.ReOkruh = okruhy[0];
    $.ajax({
        url:  "AjaxRe.php?blok=TG4",
        dataType: "script",
        success: function(result) {     

        $("#gridRemit").dxDataGrid({
            dataSource: DataRemit,
            searchPanel: { visible: true, width: 200, placeholder: "Hledat..." },
            allowColumnReordering: true,
            allowColumnResizing: true,
            rowAlternationEnabled: true,
            showBorders: true,      
            columnResizingMode: "widget",            
            headerFilter: { visible: true },              
            selection: {  mode: "single" },
            hoverStateEnabled: true,
            scrolling: {  mode: "virtual" },
            onCellPrepared: function(e) {
                if (e.rowType == 'data' ) { if (e.key["POZNAMKA"]!=='') { 
                    e.cellElement.css("background-color", "#0288D1"); 
                    e.cellElement.css("color", "#FFFFFF");
                    }
                }
            },
            onToolbarPreparing: function(e) {
                var dataGrid = e.component;
                e.toolbarOptions.items.unshift({
                    location: "before",
                    widget: "dxButton",
				    type: "danger",
                    options: {
                        icon: "fas fa-angle-double-down",					
				        type: "danger",
					    hint: "Zrušit filtrační podmínky ...",
                        onClick: function() {
                            DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                            var dataGrid = $('#gridRemit').dxDataGrid('instance');
						    dataGrid.clearFilter();	
						    dataGrid.clearSorting();
                            }
                        }
            		},
                    {
                        location: "before",
                        widget: "dxSelectBox",				
                        options: {
					    items: okruhy,
					    width: 80,
					    acceptCustomValue: false,
					    value: okruhy[0],
                        onValueChanged: function(data) {
                            DevExpress.ui.notify("moment ...","info",500);
                            var selectedValue = data.value; 
                            window.ReOkruh = selectedValue;
                            RePrepareSel();
                            }
      			        }
		     	    })
                    },	        
                    "export": {
                        enabled: true,
                        fileName: "Remit",
                        allowExportSelectedData: false,
                        hint: "Exportovat data z tabulky"
                    },
                    columnChooser: { enabled: true },
                        columns: [
                            { dataField:"OKRUH", caption:"okruh", width:55 },                            
                            { dataField:"DATUM", caption:"datum", width:85, dataType: "date", format: "dd.MM.yyyy", allowFiltering: false },
                            { dataField:"PLAN", caption:"plán", width:75, alignment: "center"},
                        {dataField:"H0",caption:"0-1",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H1",caption:"1-2",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H2",caption:"2-3",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H3",caption:"3-4",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H4",caption:"4-5",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H5",caption:"5-6",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H6",caption:"6-7",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H7",caption:"7-8",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H8",caption:"8-9",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H9",caption:"9-10",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H10",caption:"10-11",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H11",caption:"11-12",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H12",caption:"12-13",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H13",caption:"13-14",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H14",caption:"14-15",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H15",caption:"15-16",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H16",caption:"16-17",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H17",caption:"17-18",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H18",caption:"18-19",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H19",caption:"19-20",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H20",caption:"20-21",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H21",caption:"21-22",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H22",caption:"22-23",width:52,alignment: "right",allowFiltering: false,dataType: "number"},{dataField:"H23",caption:"23-24",width:52,alignment: "right",allowFiltering: false,dataType: "number"},                        {caption:"poznámka",dataField:"POZNAMKA",width:85}]
                    });    
                }
    });
}


function ReFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-re.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;  			            
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Remit';
            PrepareFormRe(); 
            ReRange();
            RePrepareSel();            
		}
    }); // ajax end	
};var DataSilo = [];
var DataSiloAct = [];

function SiloActPrepareSel() {

    window.GetDate = 0; 
    /* document.getElementById("LoaderPanelVL").classList.remove("hide");  */

    $.ajax({
        url:  "AjaxSILO-ACT.php",
        type: "POST",
        dataType: "script",
        success: function(result) { 

            console.log(result); 

            document.getElementById("SILO-Text-Time").innerHTML = DataSiloAct[DataSiloAct.length-1]['D']+' '+DataSiloAct[DataSiloAct.length-1]['CAS'];
            document.getElementById("SILO-Text-K4").innerHTML = DataSiloAct[DataSiloAct.length-1]['K4']+' m';
            document.getElementById("SILO-Text-K5").innerHTML = DataSiloAct[DataSiloAct.length-1]['K5']+' m';            
            document.getElementById("SILO-Text-K7").innerHTML = DataSiloAct[DataSiloAct.length-1]['K7']+' m';
            document.getElementById("SILO-Text-K9").innerHTML = DataSiloAct[DataSiloAct.length-1]['K9']+' m';

            $("#SILO-Gauge-K4").dxSparkline({
                dataSource: DataSiloAct,
                argumentField: "CAS",
                valueField: "K4",
                type: "splinearea",
                lineWidth: 5,
                lineColor: "#9ab57e",
                minColor: "#6babac",
                maxColor: "#ebdd8f",
                showMinMax: true,
                showFirstLast: true,
                tooltip: { },
                size: { height: 80 }
            });


            $("#SILO-Gauge-K5").dxSparkline({
                dataSource: DataSiloAct,
                argumentField: "CAS",
                valueField: "K5",
                type: "splinearea",
                lineWidth: 5,
                lineColor: "#e8c267",
                minColor: "#6babac",
                maxColor: "#ebdd8f",
                showMinMax: true,
                showFirstLast: true,
                size: { height: 80 },                
                tooltip: { }
            });

            $("#SILO-Gauge-K7").dxSparkline({
                dataSource: DataSiloAct,
                argumentField: "CAS",
                valueField: "K7",
                type: "splinearea",
                lineWidth: 5,
                lineColor: "#8076bb",
                minColor: "#6babac",
                maxColor: "#ebdd8f",
                showMinMax: true,
                showFirstLast: true,
                size: { height: 80 },                
                tooltip: { }
            });

            $("#SILO-Gauge-K9").dxSparkline({
                dataSource: DataSiloAct,
                argumentField: "CAS",
                valueField: "K9",
                type: "splinearea",
                lineWidth: 5,
                lineColor: "#FF8A65",
                minColor: "#6babac",
                maxColor: "#ebdd8f",
                showMinMax: true,
                showFirstLast: true,
                size: { height: 80 },                
                tooltip: { }
            });            

            /* document.getElementById("LoaderPanelVL").classList.add("hide");  */    

            /* SILOPrepareSel();             */

        }// success
    });

    
}

function SILOPrepareSel() {

    /* document.getElementById("LoaderPanelVL").classList.remove("hide");      */

console.log('Prepare Sel SILO');

var loadPanelSILO = $("#LoadPanelSILO").dxLoadPanel({
        shadingColor: 'rgba(0,0,0,0.6)',
        position: { of: "#gridSILO" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: true,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");   
    
    loadPanelSILO.show();    

var dateFrom = $("#SILODateFrom").dxDateBox("instance");
var dateBoxValueFrom = new Date ( dateFrom.option('value') );

window.SILODateFrom = dateBoxValueFrom;

$Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();

console.log($Datum1);

$.ajax({
    url:  "AjaxSILO.php",
    type: "POST",
    dataType: "script",
    data: { t1:$Datum1 },
    success: function(result) { 

        /* document.getElementById("gridSILO").classList.remove("hide"); */
        console.log(result); 
        $("#gridSILO").dxDataGrid({ dataSource: DataSilo });       
        /* document.getElementById("LoaderPanelVL").classList.add("hide"); */
        loadPanelSILO.hide(); 
    }// success
});
}


function PrepareFormSILO() {
    var now = new Date();    
    /* document.getElementById("gridSILO").classList.add("hide");*/
/*
    $("#SILODateFrom").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*1),
        onValueChanged: function(date) {
            SILOPrepareSel();
        }        
    });


*/
    if (window.SILODateFrom !== '*') {
        $("#SILODateFrom").dxDateBox({ value: window.SILODateFrom });
    }


            $("#gridSILO").dxDataGrid({
                dataSource: DataSilo,
                showBorders: true,
                allowExpandAll: true,
                "export": {  enabled: true, fileName: "Sila" },              
                fieldChooser: { enabled: true, height: 400 },
                allowFiltering: true,
                visible: true,
		        showBorders: true,
		        showRowLines: true,
                paging: { enabled: false },
                filterRow: { visible: false, applyFilter: "auto" },
                filterPanel: { visible: true },
		        headerFilter: { visible: true },
		        sorting: { mode: "multiple" },
		        scrolling: { mode: "virtual",
                    onInitialized: function(e) { e.component._attachNativeScrollbarsCustomizationCss = function() {}; },
                    useNative: true
                },   
		        selection: { mode: "single" },   
                groupPanel: { visible: true },
                columnChooser: { enabled: true },                
                toolbar: {
                    items: [
                        {
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "clearformat",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#gridSILO').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }
                        }   
                    },
                    {
                        location: "before",
                        widget: "dxDateBox",
                        options: {
                            type: "date",
                            label: "datum",
                            displayFormat: "dd.MM.yyyy",
                            value: now,
                            elementAttr: { id: "SILODateFrom" },                            
                            onValueChanged: function(e) { 
        	                    SILOPrepareSel();
                            }
                        }        
                    }, 'columnChooserButton', 'exportButton'
                    ]
                },                             
                columns: [ 
                    { dataField: "D", caption: "datum", dataType: "date" }, 
                    { dataField: "CAS", caption: "čas" },                     
/*                    { dataField: "SIGNAME", caption: "označení"}, */ /* , groupIndex: 0  */
                    { dataField: "K4", caption: "K4", dataType: "number" },                    
                    { dataField: "K5", caption: "K5", dataType: "number" },                    
                    { dataField: "K7", caption: "K7", dataType: "number" },                                                            
                    { dataField: "LO", caption: "ložový popel", dataType: "number" }
                ],
                summary: {
                    totalItems: [
                        { column: "D", summaryType: "count", displayFormat: "{0}" },
                        { column: "K4", summaryType: "sum", displayFormat: "{0}" },
                        { column: "K5", summaryType: "sum", displayFormat: "{0}" },
                        { column: "K7", summaryType: "sum", displayFormat: "{0}" },
                        { column: "LO", summaryType: "sum", displayFormat: "{0}" }                        
                    ]
                }

            });             

}

function SILOFrm() {
    window.GetDate = 0;    
    var DataSilo = [];
    var DataSiloAct = [];      

    $.ajax({
        url: "frm-silo.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;  	
            /* document.getElementById("gridSILO").classList.add("hide"); */
            PrepareFormSILO();	            
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Popílek, výška hladin sil'; 
            prepareMenuListener();            

            setTimeout(function(){
                SILOPrepareSel();                    
                SiloActPrepareSel(); 
            }, 1500);               
            
			}
    }); // ajax end	
};function VLPrepareSel() {

    window.GetDate = 0;

    var loadPanelVL = $("#LoadPanelVL").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#gridVL" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    loadPanelVL.show();

    console.log('Prepare Sel VL');
/*
    var rangeSelector = $("#date-selector-vl").dxRangeSelector('instance');
    var selRange = rangeSelector.getValue();

    var $Datum1  = (selRange[0].getDate()+'.'+(selRange[0].getMonth()+1)+'.'+selRange[0].getFullYear());
    var $Datum2  = (selRange[1].getDate()+'.'+(selRange[1].getMonth()+1)+'.'+selRange[1].getFullYear());    
*/
    var dateFrom = $("#VLDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#VLDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );

    window.VLDateFrom = dateBoxValueFrom;
    window.VLDateTo   = dateBoxValueTo;    

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();

    // console.log("ajaxVL.php?id=-1&t1="+$Datum1+"&t2="+$Datum2); 

    $.ajax({
        url:  "AjaxVL.php",
        type: "POST",
        dataType: "script",
        data: { id:-1, t1:$Datum1, t2:$Datum2, ico:strLoginICO },
        success: function(result) { 
            /* console.log(result); */
            $("#gridVL").dxDataGrid({ dataSource: DataVL });                
            loadPanelVL.hide();

        }// success
    });
}


function VLRange() {
    var $d1 = new Date("2024, 04, 01");
    var $d2 = new Date("2024, 06, 01");    

    $("#date-selector-vl").dxRangeSelector({
        selectedRangeColor:"#2196F3",		  
        margin: { top: 5 },
        size:   { height: 200 },
        scale:  {			
            startValue: new Date(2023, 05,  1),
            endValue: new Date(2024, 05,  1),            
            minorTickInterval: "week",
            tickInterval: { month: 1 },
            minRange: "week",
            maxRange: "year",
            minorTick: { visible: false }
        },
        sliderMarker: { format: "monthAndDay", color: "#1565C0" },
        value: [ $d1, $d2 ],
        title: " ",		
        onValueChanged: function (data) { VLPrepareSel(); }	  
	});

    console.log('2023, 05, 02 2024, 06, 02');
}


function PrepareFormVL() {

    var now = new Date();
    var prevF = new Date();
    prevF.setDate(now.getDate()-30);       
    prevM = prevF.getMonth()+1;
    prevY = prevF.getFullYear();
    const prev = new Date(prevY+"-"+prevM+"-01");
/*
    $("#VLDateFrom").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: prev,
        onValueChanged: function(date) {
            VLPrepareSel();
        }        
    });

    $("#VLDateTo").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            VLPrepareSel();
        }        
    });
*/
    if (window.VLDateFrom !== '*') {
        $("#VLDateFrom").dxDateBox({ value: window.VLDateFrom });
        $("#VLDateTo").dxDateBox({ value: window.VLDateTo });        
    }

    window.jsPDF = window.jspdf.jsPDF;
    /* applyPlugin(window.jsPDF);    */

    $.ajax({
        url: "AjaxVL.php",
        dataType : "script",
        type: "POST",
        data: { start:1, ico:strLoginICO },
        success: function(result) { 	
            /* console.log(result);  */
	        console.log( "Prepare grid VL" );  

            $("#gridVL").dxDataGrid({
                dataSource: DataVL,
                groupPanel: { visible: true },                
		        allowColumnResizing: true,
                columnResizingMode: "widget",
                rowAlternationEnabled: true,
                allowColumnReordering: true,
		        showBorders: true,
		        showRowLines: true,
                paging: { enabled: false },
                filterRow: { visible: false, applyFilter: "auto" },
		        headerFilter: { visible: true },
		        sorting: { mode: "multiple" },
		        selection: { mode: "single" },
                "export": { enabled: true, fileName: "Vazni-listky" },
                columnChooser: { enabled: true },	
                filterPanel: { visible: true },
                scrolling: { mode: "virtual",
                    onInitialized: function(e) { e.component._attachNativeScrollbarsCustomizationCss = function() {}; },
                    useNative: true
                },
                searchPanel: { visible: true, width: 240, placeholder: "Hledej..." },
                onSelectionChanged: function (selectedItems) { window.GetDate = 0; }, 
                toolbar: {
                    items: [
                        {
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "clearformat",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#gridVL').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }                            
                        }
                        }, 
                        {
                            widget: 'dxButton',
                            location: 'after',
                            options: {
                            icon: 'exportpdf',
                            text: 'Export do PDF',
                            onClick() {
                                const doc = new jsPDF({ orientation: "landscape", cellPadding: 0, setFontSize: 8, Padding: 0 });                                

                                DevExpress.pdfExporter.exportDataGrid({
                                    jsPDFDocument: doc,
                                    component: $("#gridVL").dxDataGrid('instance'),
                                    autoTableOptions: {
                                        orientation: "landscape", 
                                        cellPadding: 0, 
                                        Padding: 0,                                                                                        
                                        theme: "striped", 
                                        lineWidth: 0, 
                                        tableLineWidth: 0, 
                                        headStyles: { fillColor: [241, 196, 15] },
                                        alternateRowStyles: { fillColor: [236, 239, 241] }                                         
                                    }
                                    }).then(() => { 

                                    doc.save('vazni-listky.pdf');                                     
                                });
                            }
                        }
                    },
                    {
                        location: "before",
                        widget: "dxDateBox",
                        options: {
                            type: "date",
                            label: "od",
                            displayFormat: "dd.MM.yyyy",
                            value: prev,
                            elementAttr: { id: "VLDateFrom" },                            
                            onValueChanged: function(e) { 
        	                    VLPrepareSel();
                            }
                        }        
                    },
                    {
                        location: "before",
                        widget: "dxDateBox",
                        options: {
                            type: "date",
                            label: "do",                            
                            displayFormat: "dd.MM.yyyy",
                            value: now,
                            elementAttr: { id: "VLDateTo" },
                            onValueChanged: function(e) { 
        	                    VLPrepareSel();
                            }
                        }        
                    }, 'columnChooserButton', 'exportButton', 'searchPanel'   
                    ]
                },
                columns: [ 
                { 
                    dataField: "CAS",
                    caption: "datum",
                    width: 150, 
				    allowEditing : false,
				    visible: true,
                    dataType: "date",
                    cssClass: 'blue-1'
                },                
                { 
                    dataField: "ROK",
                    caption: "rok",
                    width: 100, 
				    allowEditing : false,
				    visible: false,
                    dataType: "number",
                    cssClass: 'red-1'
                },                
                { 
                    dataField: "MESIC",
                    caption: "měsíc",
                    width: 70, 
				    allowEditing: false,
				    visible: false,
                    dataType: "number",
                    cssClass: 'red-1'
                },                
                { 
                    dataField: "DEN",
                    caption: "den",
                    width: 70, 
				    allowEditing: false,
				    visible: false,
                    dataType: "number",
                    cssClass: 'red-1'
                },                
                { 
                    dataField: "LIST",
                    width: 70, 
				    allowEditing: false,
                    visible: true,
                    cssClass: 'silver-1',
                    dataType: "string"
                },
                { dataField: "MATERIAL", caption: "materiál", allowEditing: false, visible: true },
                { dataField: "FIRMA", caption: "dopravce", width: 275, allowEditing: false, visible: true },
                { 
                    dataField: "ICO",
                    caption: "ičo",
                    width: 125, 
				    allowEditing: false,
				    visible: false
                },                
                { 
                    dataField: "SPZ",
                    width: 90, 
				    allowEditing: false,
				    visible: true
                },
                { 
                    dataField: "SKLADKA",
                    caption: "skládka",
                    width: 180, 
				    allowEditing: false,
				    visible: true
                } ,
                { 
                    dataField: "PO_O_V",
                    caption: "osa / vagon",
                    width: 45, 
				    allowEditing: false,
				    visible: true
                }, 
                { 
                    dataField: "VAHA",
                    caption: "netto",
                    width: 105, 
				    allowEditing: false,
				    visible: true,
                    dataType: "number"
                },                
                { 
                    dataField: "TARA",
                    caption: "tara",
                    width: 105, 
				    allowEditing: false,
				    visible: true,
                    dataType: "number"
                } 
                ],

                summary: {
                    totalItems: [
                    {
                        displayFormat: "{0} t", column: "VAHA", summaryType: "sum", valueFormat: { type: "decimal", precision: 2 }
                    },
                    {
                        displayFormat: "{0} t", column: "TARA", summaryType: "sum", valueFormat: { type: "decimal", precision: 2 }
                    },
                    {
                        displayFormat: "počet {0}", column: "CAS", summaryType: "count", valueFormat: { type: "decimal", precision: 2 }
                    }
                    ],

                    groupItems: [{
                        column: "MATERIAL",
                        summaryType: "count",
                        displayFormat: "{0} orders",
                        showInGroupFooter: true
                    }, 
                    {
                        column: "FIRMA",
                        summaryType: "count",
                        showInGroupFooter: true,
                        alignByColumn: true,
                        displayFormat: "{0}",
                        showInGroupFooter: true
                    },
                    {
                        column: "VAHA",
                        summaryType: "sum",
                        showInGroupFooter: true,
                        alignByColumn: true,
                        displayFormat: "{0} t",                        
                        showInGroupFooter: true
                    },
                    {
                        column: "TARA",
                        summaryType: "sum",
                        showInGroupFooter: true,
                        alignByColumn: true,
                        displayFormat: "{0} t",                        
                        showInGroupFooter: true
                    }
                    
                    
                    ]

                }

            });
            VLPrepareSel();
        } // success
    }); // ajax end
}

function VLFrm() {
    window.GetDate = 0;    
   
    $.ajax({
        url: "frm-vl.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;  			
            PrepareFormVL();        
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Popílek, vážní lístky'; 
            prepareMenuListener();
			}
    }); // ajax end	
};function VLPivotPrepareSel() {

    window.GetDate = 0;

    var loadPanelVLPivot = $("#LoadPanelVLPivot").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#pivotVL" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    loadPanelVLPivot.show();

    var dateFrom = $("#VLPivotDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#VLPivotDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') );

    window.VLDateFrom = dateBoxValueFrom;
    window.VLDateTo   = dateBoxValueTo;    

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();

    // console.log("ajaxVL.php?id=-1&t1="+$Datum1+"&t2="+$Datum2); 

    $.ajax({
        url:  "ajaxVLPivot.php",
        dataType: "script",
        type: "POST",
        data: { id:-1,t1:$Datum1, t2:$Datum2, ico:strLoginICO },
        success: function(result) { 
            /* console.log(result); */
            var pivotGrid = $("#pivotVL").dxPivotGrid({         
            dataSource: {
            fields: [{
                caption: "dopravce",
                width: 120,
                dataField: "FIRMA",
                cssClass: 'purple-1',
                area: "row" 
            }, {
                caption: "materiál",
                dataField: "MATERIAL",
                width: 150,
                area: "row",
                cssClass: 'orange-1',                
                selector: function(data) {
                    return  data.MATERIAL;
                }
            }, {
                dataField: "SKLADKA",
                caption: "skládka",
                cssClass: 'blue-1',                                
                area: "column"
            }, {
                caption: "váha",
                dataField: "VAHA",
                dataType: "number",
                format: { type: "fixedPoint", precision: 3 },
                summaryType: "sum",
                area: "data"
            }],
            store: DataPivotVL  
            }         
            }).dxPivotGrid("instance");   

            loadPanelVLPivot.hide();

        }// success
    });    
}

function PrepareFormVLPivot() {

    var now = new Date();
    var DataPivotVL = [];

    $("#VLPivotDateFrom").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*30),
        onValueChanged: function(date) {
            VLPivotPrepareSel();
        }        
    });

    $("#VLPivotDateTo").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            VLPivotPrepareSel();
        }        
    });

    if (window.VLDateFrom !== '*') {
        $("#VLPivotDateFrom").dxDateBox({ value: window.VLDateFrom });
        $("#VLPivotDateTo").dxDateBox({ value: window.VLDateTo });        
    }

    $.ajax({
        url: "ajaxVL.php",
        dataType : "script",
        type: "POST",
        data: {start:1, ico:strLoginICO},
        success: function(result) { 	

	console.log( "Prepare grid PivotVL" );      

    var pivotGrid = $("#pivotVL").dxPivotGrid({
        allowSortingBySummary: true,
        allowSorting: true,
        allowFiltering: true,
        allowExpandAll: true,
        height: 670,
        rowHeaderLayout: "tree",
        scrolling: { mode: "virtual",
                    onInitialized: function(e) { e.component._attachNativeScrollbarsCustomizationCss = function() {}; },
                    useNative: true
        },        
        onSelectionChanged: function (selectedItems) { window.GetDate = 0; },           
        fieldPanel: {
            showColumnFields: true,
            showDataFields: true,
            showFilterFields: false,
            showRowFields: true,
            allowFieldDragging: false,
            visible: true
        },
        showBorders: true,
        fieldChooser: { enabled: false },
        "export": { enabled: true, fileName: "Vahy" },
        dataSource: { store: DataPivotVL },
        onCellPrepared: function(e){
          if(e.area==="data"){
            if(e.cell.text !== ''){
              e.cellElement.css("backgroundColor", "#E3F2FD");
            } else {
              e.cellElement.css("backgroundColor", "#FFF");
            }
          }

          if(e.area==="column"){ e.cellElement.css("backgroundColor", "#E1F5FE");  e.cellElement.css("TextColor", "#000");}          
          
        }        
    }).dxPivotGrid("instance");    



        } // success
    }); // ajax end
}

function VLPivotFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-vl-pivot.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;  			
            PrepareFormVLPivot();        
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Popílek, vážní lístky'; 
            prepareMenuListener();
            VLPivotPrepareSel();
			}
    }); // ajax end	
};var $listGasStation = [];
var $gridGasData3 = [];

function LoadGasChart () { 
    var dateFrom = $("#GasDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#GasDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') ); 

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();      

    $.ajax({
    url: "AjaxGasData.php",
    type: "POST",
    dataType : "script",
    data: { kod: window.listGasStation, d1: $Datum1, d2: $Datum2, typ: 1 },
    success: function(result) {     
        /* console.log(result); */

        $('#chartGas').dxChart({
        dataSource: $gridGasData3,
        size: { height: 600 },
        title: { text: 'Spotřeba plynu, Objem', subtitle: { text: '(m3)'  } },
        palette: 'Violet',
        commonSeriesSettings: { 
            arumentField: "CAS",
            type: "spline",
            point: { visible: true } 
        },
        margin: { bottom: 20 },
        export: { enabled: true },
        tooltip: { enabled: true },
        legend: { verticalAlignment: 'bottom', horizontalAlignment: 'center', itemTextPosition: 'bottom', visible: true },
        crosshair: {
            enabled: true,
            color: '#949494',
            width: 3,
            dashStyle: 'dot',
            label: { visible: true, backgroundColor: '#949494', font: { color: '#fff', size: 12 } }
        },
        series: [
            {
            argumentField: "CAS",
            valueField: "M3",
            name: "objem"
            }
        ]        
        });

    }
    });

}

function PrepareGasFrm () {      

    var now = new Date();

    $("#GasDateFrom").dxDateBox({
        label: "Od",                
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*30),
        onValueChanged: function(date) {
            LoadGasChart();
        }        
    });

    $("#GasDateTo").dxDateBox({
        label: "Do",        
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            LoadGasChart();
        }        
    });      

    window.listGasStation = $listGasStation[0];    
   
    $('#listGasChart').dxSelectBox({
        label: "Odběrné místo",
        items: $listGasStation,
        value: $listGasStation[0],
        onValueChanged(data) {
            window.listGasStation = data.value;
            PrepareGasChart ();
        }
    });

    LoadGasChart();

}

function GasFrm() {
    window.GetDate = 0;
    console.log('Gas Frm');

    $.ajax({
        url: "frm-gas.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;              
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Přehled odběrů, po dni';            
            prepareMenuListener();

            $.ajax({
            url: "AjaxGasOM.php",
            dataType : "script",
            success: function(result) { 
                console.log(result);
                PrepareGasFrm ();
            }
            });

        }
    }); // ajax end	
};
var $listGasStation = [];
var $gridGasData2 = [];

function LoadGasGrid () { 
    var dateFrom = $("#GasDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#GasDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') ); 

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();      

    $.ajax({
    url: "AjaxGasData.php",
    type: "POST",
    dataType : "script",
    data: { kod: window.listGasStation, d1: $Datum1, d2: $Datum2, typ: 2 },
    success: function(result) {     
        /* console.log(result);*/
        $("#gridGas2").dxDataGrid({
        dataSource: $gridGasData2,
        keyExpr: 'ID',
        showColumnLines: false,
        showRowLines: true,
        rowAlternationEnabled: true,
        showBorders: true,
        allowColumnResizing: true,
        allowColumnReordering: true,
		showBorders: true,
        paging: { enabled: false },    
        filterPanel: { visible: true },
        filterRow: { visible: false, applyFilter: "auto" },
        headerFilter: { visible: true },
        sorting: { mode: "multiple" },
        scrolling: { mode: "virtual" },
        selection: { mode: "single" },
        "export": { enabled: true, fileName: "Plyn" },
        columns: [ 
            { dataField: 'ID', visible: true, width: 60, cssClass: 'blue-1' },
            { dataField: 'KOD', caption: "kod", width: 80 },
            { dataField: 'CAS', caption: "datum", width: 200, dataType: "date", format: "dd.MM.yyyy" },
            { dataField: 'M3',  caption: "objem", dataType: 'number' }
        ],
        summary: {
            totalItems: [
                { column: 'ID', summaryType: 'count', displayFormat: '{0}' },
                { column: 'M3', summaryType: 'sum', displayFormat: '{0}' }                
            ]
        },
        toolbar: {
            items: [
            {
                location: "before",
                widget: "dxButton",
				type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
			    	hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                         DevExpress.ui.notify("ruším filtrační podmínky ...","warning",1500);
                        var dataGrid = $('#gridGas2').dxDataGrid('instance');
					    dataGrid.clearFilter();	
		     		    dataGrid.clearSorting();
                    }
                }   
		    }, 'columnChooserButton', 'exportButton', 'searchPanel'
            ]
        }        
    });


    }
    });

}

function PrepareGasGridFrm() {      

    var now = new Date();

    $("#GasDateFrom").dxDateBox({
        label: "Od",                
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*30),
        onValueChanged: function(date) {
            LoadGasGrid();
        }        
    });

    $("#GasDateTo").dxDateBox({
        label: "Do",        
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            LoadGasGrid();
        }        
    });       
   
    $('#listGasGrid').dxSelectBox({
        label: "Odběrné místo",
        items: $listGasStation,
        value: $listGasStation[0],
        onValueChanged(data) {
            window.listGasStation = data.value;
            LoadGasGrid ();
        }
    });

    LoadGasGrid(); 

}

function GasGridFrm() {
    DevExpress.localization.locale('cs');     
    window.GetDate = 0;
    console.log('Gas Grid Frm');

    $.ajax({
        url: "frm-gas-grid.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;              
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Přehled odběrů, po dni';            
            prepareMenuListener();

            $.ajax({
            url: "AjaxGasOM.php",
            dataType : "script",
            success: function(result) { 
                /* console.log(result); */
                window.listGasStation = $listGasStation[0];       
                PrepareGasGridFrm();
            }
            });

        }
    }); // ajax end	
};
function PrepareChart() {
    window.GetDate = 0;
    // casova osa
    var Cas = new Date;
    var foo = '';

    Cas.setHours ( Cas.getHours() - 9 );
    var barva = ['#FFCC80','#FFB74D','#FFA726','#FF9800','#FB8C00','#F57C00','#EF6C00','#E65100'];

    for (var i = 8; i > 0; i--) {
        Cas.setHours ( Cas.getHours() + 1 );
        foo += '<span style=color:'+barva[8-i]+'>'+('0'+Cas.getHours()).slice(-2)+':00</span>'; 	
    } 

    document.getElementById("CoalTimeLine").innerHTML = foo+" hod.";

    $.ajax({
        url: "AjaxCoal.php",
        dataType : "script",
        success: function(result) { 

        document.getElementById("TG4Count").innerHTML = ActualCoal[0];
        document.getElementById("TG5Count").innerHTML = ActualCoal[1];        
        document.getElementById("TG7Count").innerHTML = ActualCoal[2]; 
        document.getElementById("TotalTGCount").innerHTML = ActualCoal[0]+ ActualCoal[1]+ActualCoal[2]; 

        $("#chart").dxChart({
		    dataSource: DataCoal,
		    loadingIndicator: true,
		    valueAxis: { grid: {color:"#ccc" }, label: { visible: true }, title: { text: "MW" }, position: "left" },
            commonSeriesSettings: {
                argumentField: "serie",
                type: "bar",
                selectionMode: "onlyPoint",
                label: {
                    visible: false, border: { visible: true, width: 1, color: "#fff" },
				    verticalOffset: 0,
				    font: { color: "black", size: 13 },
                    format: { type: "fixedPoint", precision: 0 }
                }
            },            
		    animation: { enabled: true },
            legend: { visible: false },
            export: { enabled: true },
            tooltip: { enabled: true },
            series: [

        { valueField: "t7", name: "18:00", color: "#FFCC80" },
        { valueField: "t6", name: "19:00", color: "#FFB74D" },
        { valueField: "t5", name: "20:00", color: "#FFA726" },
        { valueField: "t4", name: "21:00", color: "#FF9800" },
        { valueField: "t3", name: "22:00", color: "#FB8C00" },
        { valueField: "t2", name: "23:00", color: "#F57C00" },
        { valueField: "t1", name: "00:00", color: "#EF6C00" },
        { valueField: "t0", name: "01:00", color: "#E65100" }

            ]
        });
        
        }
    });
}

function CoalFrm() {
    window.GetDate = 0;    
    document.getElementById("MainPlace").innerHTML=$loader;    
    $.ajax({
        url: "frm-coal.php",
        dataType : "html",
        success: function(result) { 
            document.getElementById("MainPlace").innerHTML = result;  			            
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Výkon uhelných bloků';
            PrepareChart();
            /*
            PrepareFormRe(); 
            ReRange();
            RePrepareSel();            
            */
		}
    }); // ajax end	
};var $DataKKSHistory = [];
var $DataSignalyKKS = [];
var $DataKKSStat = [];

function LoadSignalyKKS() {

    window.GetDate = 0;
    $DataSignalyKKS = [];
    $("#GridSignalyKKS").dxDataGrid({ dataSource: $DataSignalyKKS });

    const loadPanelKKS = $('#GridSignalyKKSLoader').dxLoadPanel({
    shadingColor: 'rgba(0,0,0,0.6)',
    position: { of: '#GridSignalyKKS' },
    visible: false,
    showIndicator: true,
    showPane: true,
    shading: true,
    closeOnOutsideClick: false,
    onShown() {
        },
    onHidden() {
        },
    }).dxLoadPanel('instance');    

    loadPanelKKS.show();
  
    $.ajax({
        url:  "AjaxSignalyKKS.php",
        dataType: "script",
        type: "POST",
        success: function(result) { 
            console.log(result);  
            $("#GridSignalyKKS").dxDataGrid({ dataSource: $DataSignalyKKS });
            loadPanelKKS.hide();
        }
    });    

}

function PrepareFormSignalyKKS() {

    window.jsPDF = window.jspdf.jsPDF;    

    const loadPanelKKSHistory = $('#GridKKSHistoryLoader').dxLoadPanel({
    shadingColor: 'rgba(0,0,0,0.6)',
    position: { of: '#GridKKSHistory' },
    visible: false,
    showIndicator: true,
    showPane: true,
    shading: true,
    closeOnOutsideClick: true,
    onShown() {
        },
    onHidden() {
        },
    }).dxLoadPanel('instance');            

    $("#GridSignalyKKS").dxDataGrid({
        dataSource: $DataSignalyKKS,
		allowColumnResizing: true,
        rowAlternationEnabled: true,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: false,
		columnMinWidth: 30,
        paging: { enabled: false },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
		"export": { enabled: true, fileName: "SignalyKKS" },
        searchPanel: { visible: true, width: 200, placeholder: "Hledat..." },    
        onSelectionChanged: function (selectedItems) { window.GetDate = 0; 
            if (selectedItems) {
                console.log(selectedItems.selectedRowsData[0].KKS);
                $kks = selectedItems.selectedRowsData[0].KKS;
                $jednotka = selectedItems.selectedRowsData[0].JEDNOTKA;
                document.getElementById("DialogKKSStatTitle").innerHTML = $kks;

                loadPanelKKSHistory.show();
                $.ajax({
                url: "AjaxSignalyKKS-history.php",
                data: { kks: $kks, jednotka: $jednotka },
                type: "POST",
                dataType: "script",
                success: function(result) { 
                    /* console.log(result);*/
                    loadPanelKKSHistory.hide();
                    $("#GridKKSHistory").dxDataGrid({ dataSource: $DataKKSHistory, visible: true });                    
                    document.getElementById("DialogKKSStatBody").innerHTML = $DataKKSStat;
         		}
                }); // ajax end	

            }
        },      
        toolbar: {
                    items: [
                        {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridSignalyKKS').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            },
                    {
                        location: "before",
                        widget: "dxButton",
                        options: {
                            icon: "refresh",					
				            type: "default",
                            text: "načíst",
					        hint: "Znovu načíst ...",
                            onClick: function() {
                                LoadSignalyKKS();
                            }
                        }   
                    }, 
                    {
                            widget: 'dxButton',
                            location: 'after',
                            options: {
                            icon: 'exportpdf',
                            text: 'Export do PDF',
                            onClick() {
                                const doc = new jsPDF({ orientation: "landscape", cellPadding: 0, setFontSize: 8, Padding: 0, margin: 0 });                                
                                doc.setFontSize(12);
                                doc.text('Signaly KKS',15,12);
                                doc.setFontSize(7);
                                doc.text('vytvoreno: 02.05.2024 02:42 ',250,12);
                                DevExpress.pdfExporter.exportDataGrid({
                                    jsPDFDocument: doc,
                                    component: $("#GridSignalyKKS").dxDataGrid('instance'),
                                    autoTableOptions: {
                                        orientation: "landscape", 
                                        cellPadding: 0, 
                                        Padding: 0,                                                                                        
                                        theme: "striped", 
                                        lineWidth: 0, 
                                        tableLineWidth: 0, 
                                        headStyles: { fillColor: [241, 196, 15] },
                                        alternateRowStyles: { fillColor: [236, 239, 241] }                                         
                                    }
                                    }).then(() => {                                         
                                        doc.save('kks.pdf'); 
                                    
                                    });
                                }
                            }
                        }, 'columnChooserButton', 'exportButton', 'searchPanel'                    
                    ]
                },
                columnChooser: { enabled: true },
                columns: [ 
                { dataField: "KKS_NAZEV", caption: "název", visible: true, cssClass: 'blue-1 text-strong' },
                { dataField: "KKS", caption: "KKS", width: 170, visible: true },
                { dataField: "HODNOTA", caption: "hodnota", width: 100, cssClass: 'text-strong', dataType: "number" },                
                { dataField: "JEDNOTKA", caption: "jednotka", width: 100 }, 
                { dataField: "KKS_TYP", caption: "typ", width: 90 },              
                { dataField: "KKS_DESET", caption: "desetinná místa", width: 120 },
                { dataField: "KKS_LAST_TIME", caption: "poslední čas", width: 140 }                
                ],

                summary: {
                    totalItems: [
                    { column: "KKS_NAZEV", dataType: "number", summaryType: "count", displayFormat: "{0}" }
                    ]
                }                                           
            
    });    

    $("#GridKKSHistory").dxDataGrid({
        dataSource: $DataKKSHistory,
		allowColumnResizing: true,
        rowAlternationEnabled: true,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: false,
		columnMinWidth: 30,
        paging: { enabled: false },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
        columnChooser: { enabled: true }, 
		"export": { enabled: true, fileName: "SignalyKKSHistory" },  
        toolbar: {
            items: [
            {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridKKSHistory').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            }, 
            {
                location: "after",
                widget: "dxButton",
                options: {
                    icon: "variable",					
				    type: "default",
                    text: "statistika",
					hint: "min, max, průměr ...",
                    onClick: function() {
                        $('#DialogKKSStat').modal({ show: true });
                    }
                }   
            }, 'columnChooserButton', 'exportButton'
            ]
        },
        columns: [ 
                { dataField: "KKS", caption: "KKS", width: 140, visible: false },            
                { dataField: "DATUM", caption: "datum", width: 120, visible: true, dataType: "date", cssClass: 'text-strong' },
                { dataField: "HODINA", caption: "hodina", width: 80, visible: true, cssClass: 'text-strong text-center' },                
                { dataField: "HODNOTA", caption: "hodnota", visible: true },
                { dataField: "JEDNOTKA", caption: "jednotka", width: 90, visible: true }                
        ],
        summary: {
            totalItems: [
                { column: "DATUM", dataType: "number", summaryType: "count", displayFormat: "{0}" }
            ]
        }
    });

    LoadSignalyKKS();

}

function SignalyKKSFrm() {

    window.GetDate = 0;
    console.log('Signaly KKS Frm');

    $.ajax({
        url: "frm-signaly-kks.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormSignalyKKS(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Signály KKS'; 
		}
    }); // ajax end	
};var $DataDrevosrotHistory = [];
var $DataSignalyDrevosrot = [];
var $DataDrevosrotStat = [];
var $DrevosrotH = ['0 dní','1 den','7 dní','14 dní','30 dní','90 dní','365 dní'];
var $pocet_dni = '0 dní';
var $DrevosrotSelectedItems = [];

function LoadSignailDrevosrotHistory() {

    const loadPanelDrevosrotHistory = $('#GridDrevosrotHistoryLoader').dxLoadPanel({
    shadingColor: 'rgba(0,0,0,0.6)',
    position: { of: '#GridDrevosrotHistory' },
    visible: false,
    showIndicator: true,
    showPane: true,
    shading: true,
    closeOnOutsideClick: true,
    onShown() {
        },
    onHidden() {
        },
    }).dxLoadPanel('instance');       

    /* console.log($DrevosrotSelectedItems.selectedRowsData[0].KKS); */
    $kks = $DrevosrotSelectedItems.selectedRowsData[0].KKS;
    $jednotka = $DrevosrotSelectedItems.selectedRowsData[0].JEDNOTKA;
    document.getElementById("DialogDrevosrotStatTitle").innerHTML = $kks;

    loadPanelDrevosrotHistory.show();
    $pocet_dni = window.DrevosrotH;
                
    $.ajax({
        url: "AjaxSignalyDrevosrot-history.php",
        data: { kks: $kks, jednotka: $jednotka, h: $pocet_dni },
        type: "POST",
        dataType: "script",
        success: function(result) { 
            /* console.log(result);  */
            loadPanelDrevosrotHistory.hide();
            $("#GridDrevosrotHistory").dxDataGrid({ dataSource: $DataDrevosrotHistory, visible: true });                    
            document.getElementById("DialogDrevosrotStatBody").innerHTML = $DataDrevosrotStat;
    	}
    }); // ajax end	

}

function LoadSignalyDrevosrot() {

    window.GetDate = 0;
    $DataSignalyDrevosrot = [];
    $("#GridSignalyDrevosrot").dxDataGrid({ dataSource: $DataSignalyDrevosrot });

    const loadPanelDrevosrot = $('#GridSignalyDrevosrotLoader').dxLoadPanel({
    shadingColor: 'rgba(0,0,0,0.6)',
    position: { of: '#GridSignalyDrevosrot' },
    visible: false,
    showIndicator: true,
    showPane: true,
    shading: true,
    closeOnOutsideClick: false,
    onShown() {
        },
    onHidden() {
        },
    }).dxLoadPanel('instance');    

    loadPanelDrevosrot.show();
  
    $.ajax({
        url:  "AjaxSignalyDrevosrot.php",
        dataType: "script",
        type: "POST",
        success: function(result) { 
            /* console.log(result);   */
            $("#GridSignalyDrevosrot").dxDataGrid({ dataSource: $DataSignalyDrevosrot });
            loadPanelDrevosrot.hide();
        }
    });    

}

function PrepareFormSignalyDrevosrot() {

    window.jsPDF = window.jspdf.jsPDF;             

    $("#GridSignalyDrevosrot").dxDataGrid({
        dataSource: $DataSignalyDrevosrot,
		allowColumnResizing: true,
        rowAlternationEnabled: true,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: false,
		columnMinWidth: 30,
        paging: { enabled: false },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
		"export": { enabled: true, fileName: "SignalyDrevosrot" },
        searchPanel: { visible: true, width: 200, placeholder: "Hledat..." },    
        onSelectionChanged: function (selectedItems) { 
            window.GetDate = 0; 
            if (selectedItems) {
                $DrevosrotSelectedItems = selectedItems;
                LoadSignailDrevosrotHistory();
            }
        },      
        toolbar: {
                    items: [
                        {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridSignalyDrevosrot').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            },
                    {
                        location: "before",
                        widget: "dxButton",
                        options: {
                            icon: "refresh",					
				            type: "default",
                            text: "načíst",
					        hint: "Znovu načíst ...",
                            onClick: function() {
                                LoadSignalyDrevosrot();
                            }
                        }   
                    }, 'columnChooserButton', 'exportButton', 'searchPanel'                    
                    ]
                },
                columnChooser: { enabled: true },
                columns: [ 
                { dataField: "KKS_NAZEV", caption: "název", visible: true, cssClass: 'blue-1 text-strong' },
                { dataField: "KKS", caption: "KKS", width: 170, visible: true },
                { dataField: "HODNOTA", caption: "hodnota", width: 100, cssClass: 'text-strong', dataType: "number" },                
                { dataField: "JEDNOTKA", caption: "jednotka", width: 100 }, 
                { dataField: "KKS_TYP", caption: "typ", width: 90 },              
                { dataField: "KKS_DESET", caption: "desetinná místa", width: 120, visible: false },
                { dataField: "KKS_LAST_TIME", caption: "naměřeno", width: 140 }                
                ],

                summary: {
                    totalItems: [
                    { column: "KKS_NAZEV", dataType: "number", summaryType: "count", displayFormat: "{0}" }
                    ]
                }                                           
            
    });    

    $DataDrevosrotHistory = [];

    const LoadDrevosrotChart = $('#ChartDrevosrotLoader').dxLoadPanel({
        shadingColor: 'rgba(0,0,0,0.6)',
        position: { of: '#ChartDrevosrot' },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown() { },
        onHidden() { },
    }).dxLoadPanel('instance');        

    $("#GridDrevosrotHistory").dxDataGrid({
        dataSource: $DataDrevosrotHistory,
		allowColumnResizing: true,
        rowAlternationEnabled: true,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: false,
		columnMinWidth: 30,
        paging: { enabled: false },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
        columnChooser: { enabled: true }, 
		"export": { enabled: true, fileName: "SignalyDrevosrotHistory" },  
        toolbar: {
            items: [
            {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridDrevosrotHistory').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            }, 
            {
                    location: "before",
                    widget: "dxSelectBox",
                    options: {
					    items: $DrevosrotH,
					    acceptCustomValue: false,
                        width: 150,					
					    value: $DrevosrotH[0],
					    name: "DrevosrotH",
                        id: "SelDrevosrotH",   
                        onValueChanged: function(data) {                            
						    window.DrevosrotH = data.value;
                            $pocet_dni = data.value;
                            LoadSignailDrevosrotHistory();
                        }
    			    }
			},
            {
                location: "after",
                widget: "dxButton",
                options: {
                    icon: "variable",					
				    type: "default",
                    text: "statistika",
					hint: "min, max, průměr ...",
                    onClick: function() {
                        $('#DialogDrevosrotStat').modal({ show: true });
                    }
                }   
            }, 
            {
                location: "after",
                widget: "dxButton",
                options: {
                    icon: "chart",					
				    type: "default",
					hint: "graf ...",
                    visible: true,
                    onClick: function() {

                        setTimeout(function(){ 
                            $('#DialogDrevosrotChart').modal({ show: true });                                                                                                                         

                            setTimeout(function(){                         
                                LoadDrevosrotChart.show();
                            }, 400);   // set timeout:end  

                        }, 350);   // set timeout:end                          

                        setTimeout(function(){                          

                        // set timeout                                            

                        setTimeout(function(){                    
                    
                        $("#ChartDrevosrot").dxChart({
                            palette: 'Violet',
                            type: 'line',
                            visible: true,
                            dataSource: $DataDrevosrotHistory,
                            commonSeriesSettings: { argumentField: 'C' },
                            series: [ { valueField: 'HODNOTA', name: 'hodnota' } ],
                            legend: { visible: false },
                            tooltip: { enabled: false },
                            margin: { bottom: 20, left: 20, right: 20 },
                            export: { enabled: true },
                            scale: { minorTickInterval: 100 },
                            crosshair: { enabled: true, label: { visible: true } }
                        });

                        $('#RangeDrevosrot').dxRangeSelector({
                            size: { height: 120 },
                            margin: { left: 10 },
                            scale: { minorTickInterval: 100 },
                            dataSource: $DataDrevosrotHistory,
                            chart: { series: [{ argumentField: 'C', valueField: 'HODNOTA', name: 'hodnota'}], palette: 'soft' },
                            behavior: { callValueChanged: 'onMoving' },
                            onValueChanged(e) {
                                const zoomedChart = $('#ChartDrevosrot').dxChart('instance');
                                zoomedChart.getArgumentAxis().visualRange(e.value);
                            }
                        });      

                        }, 1500);   // set timeout:end

                        setTimeout(function(){ 
                            LoadDrevosrotChart.hide(); 
                        }, 3700);   // set timeout:end

                        }, 2500);   // set timeout:end

                    }
                }   
            }, 'columnChooserButton', 'exportButton'
            ]
        },
        columns: [ 
                { dataField: "KKS", caption: "KKS", width: 140, visible: false },            
                { dataField: "DATUM", caption: "datum", width: 120, visible: true, dataType: "date", cssClass: 'text-strong' },
                { dataField: "HODINA", caption: "hodina", width: 80, visible: true, cssClass: 'text-strong text-center' },                
                { dataField: "HODNOTA", caption: "hodnota", visible: true },
                { dataField: "JEDNOTKA", caption: "jednotka", width: 90, visible: true }                
        ],
        summary: {
            totalItems: [
                { column: "DATUM", dataType: "number", summaryType: "count", displayFormat: "{0}" }
            ]
        }
    });

    LoadSignalyDrevosrot();

}

function DrevosrotFrm() {

    window.GetDate = 0;
    console.log('Signaly Drevosrot Frm');

    $.ajax({
        url: "frm-signaly-drevosrot.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormSignalyDrevosrot(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Signály Drevosrot'; 
		}
    }); // ajax end	
};var $DataContacts = [];

function LoadContacts() {

    $.ajax({
        url:  "AjaxContacts.php",
        dataType: "script",
        type: "POST",
        success: function(result) { 
            /* console.log(result); */
            $("#GridContacts").dxDataGrid({ dataSource: $DataContacts });
        }
    });    

}

function PrepareFormContacts() {

    $("#GridContacts").dxDataGrid({
        dataSource: $DataContacts,
		allowColumnResizing: true,
        rowAlternationEnabled: true,
        allowColumnReordering: true,
        columnResizingMode: "widget",		
		showBorders: true,
		showRowLines: false,
		columnMinWidth: 30,
        paging: { enabled: false },
        filterRow: { visible: false, applyFilter: "auto" },
		headerFilter: { visible: true },
		sorting: { mode: "multiple" },
		scrolling: { mode: "virtual" },
		selection: { mode: "single" },
        sorting: { mode: "multiple" },
		"export": { enabled: true, fileName: "Contacts" },
        searchPanel: { visible: true, width: 200, placeholder: "Hledat..." },          
        onToolbarPreparing: function(e) {
        var dataGrid = e.component;
            e.toolbarOptions.items.unshift(
            {
                location: "before",
                widget: "dxButton",
		        type: "danger",				
                options: {
                    icon: "clearformat",					
		            type: "danger",
		            hint: "Zrušit filtrační podmínky ...",
                    onClick: function() {
                        DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                        var dataGrid = $('#GridContacts').dxDataGrid('instance');
			            dataGrid.clearFilter();	
				        dataGrid.clearSorting();
                    }
                }   
            },
                    {
                        location: "before",
                        widget: "dxButton",
                        options: {
                            icon: "arrowdown",					
				            type: "default",
                            text: "načíst",
					        hint: "Načíst ...",
                            onClick: function() {
                                LoadContacts();
                            }
                        }   
                    },
                    {
                        location: "after",
                        widget: "dxButton",
                        options: {
                            icon: "file",					
				            type: "default",
                            text: "CSV",
					        hint: "Uložit do CSV ...",
                            onClick: function() {
                                window.open("GetContacts.php", "_blank");
                            }
                        }   
                    }                       
                    );
                },
                columnChooser: { enabled: true },
                columns: [ 
                { dataField: "FIRMA", caption: "firma", width: 90, visible: true, cssClass: 'blue-1' },
                { dataField: "JMENO", caption: "jméno", width: 200, visible: true, cssClass: 'text-strong' },
                { dataField: "OS_CISLO_N", caption: "os. číslo", width: 70 },                
                { dataField: "FCE_NAZEV", caption: "funkce", width: 190 },
                { dataField: "UTV_NAZEV", caption: "útvar", width: 210 },
                { dataField: "BUD_NAZEV", caption: "budova", width: 165 },
                { dataField: "E_MAIL", caption: "e-mail", width: 170 },                
                { dataField: "MOBIL", caption: "mobil", width: 110 },
                { dataField: "PREDCISLI", caption: "předčíslí", width: 80 },                
                { dataField: "TEL", caption: "tel.", width: 80 }                
                ],

                summary: {
                    totalItems: [
                    { column: "FIRMA", dataType: "number", summaryType: "count", displayFormat: "{0}" }
                    ]
                }                                           
            
    });    
    LoadContacts();

}

function ContactFrm() {

    window.GetDate = 0;
    console.log('Contact Frm');

    $.ajax({
        url: "frm-contacts.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormContacts(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Kontakty'; 
		}
    }); // ajax end	
};
function LoadDataTemp($fa) {

    window.GetDate = 0;

    $.ajax({
        url: "AjaxTemperature.php",
        dataType : "script",
        type: "post",
        data: { FA: $fa },        
        success: function(result) {         
            $("#GridTemperature").dxDataGrid({ dataSource: DataTemp }); 
        }
    });
}

function PrepareFormTemperature() {
    
    $.ajax({
        url: "AjaxTemperatureFA.php",
        dataType : "script",
        type: "post",
        data: { TYP: 4 },        
        success: function(result) {    

        $("#ListTempFa").dxList({
            dataSource: new DevExpress.data.DataSource({
                store: DataTempFa,
                group: "FakturaRok",
                sort: { getter: "FakturaRok", desc: true }
            }),                       
            height: 500,
            grouped: true,
            collapsibleGroups: true,
            selectionMode: "single",
            searchEnabled: true,
            searchExpr: "FakturaName",
            itemTemplate: function(data) {
                return $("<div>").text(data.FakturaName);
            },
            onSelectionChanged: function(data) { 
                /* console.log(data);  */
                if (!data.addedItems[0]) {return;}
                console.log(data.addedItems[0].FakturaCislo);
                LoadDataTemp(data.addedItems[0].FakturaCislo);
            }
        });
        
        var DataTemp = [];

        $("#GridTemperature").dxDataGrid({
            dataSource: DataTemp,
            allowColumnResizing: true,
            rowAlternationEnabled: false,
            allowColumnReordering: true,
            columnResizingMode: "widget",	
            showBorders: true,
            showRowLines: true,
            columnFixing: { enabled: true },
            filterRow: { visible: false, applyFilter: "auto" },
            headerFilter: { visible: true },
		    sorting: { mode: "multiple" },
		    scrolling: { mode: "virtual" },
		    selection: { mode: "single" },
            sorting: { mode: "multiple" },
            hoverStateEnabled: true,
            columnChooser: { enabled: true },
		    "export": { enabled: true, fileName: "Temperature" },
            searchPanel: { visible: true, width: 240, placeholder: "Hledej..." },
            onToolbarPreparing: function(e) {
                    var dataGrid = e.component;
                    e.toolbarOptions.items.unshift({
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "fas fa-angle-double-down",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#GridTemperature').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }
                        }   
                })
            },
            columns:
            [ 
            {   dataField: "FakturaCislo", caption: "fakturace", width: 70, visible: true },                
            {   dataField: "OMisto", caption: "odběrné místo", width: 160, visible: true },
            {   dataField: "Name", caption: "jméno", visible: true },
            {   dataField: "OD", caption: "počáteční stav", width: 95, dataType: "number", visible: true },
            {
                dataField: "DO",
                caption: "koncový stav",
                width: 95, 
                dataType: "number",                
			    visible: true
            },     
            {
                dataField: "MNOZSTVI",
                caption: "množství",
                width: 85, 
                dataType: "number",
				cssClass: 'red-1',                
			    visible: true
            },            
            {
                dataField: "jednotka",
                width: 65, 
			    visible: true,
				cssClass: 'blue-1'
            },                   
            {
                dataField: "KONSTANTA",
                caption: "konstanta",
                width: 65, 
                dataType: "number",                
			    visible: true,
				cssClass: 'blue-2'                
            },
            {
                dataField: "OdbMistoId",
                caption: "odb. misto ID",
                width: 65, 
                dataType: "number",                
			    visible: false,
				cssClass: 'silver-2'                
            },
            {
                dataField: "Object_Index",
                caption: "Object_Index",
                width: 65, 
                dataType: "number",                
			    visible: false,
				cssClass: 'silver-2'                
            }           
            ],
            summary: {
                totalItems: [
                    {
                    column: "OMisto",
                    summaryType: "count",
                    displayFormat: "{0}"
                },
                {
                    column: "MNOZSTVI",
                    summaryType: "sum",
                    displayFormat: "{0}"
                }  
                ]
            }
        });

        } // sucess

    });


}

function TemperatureFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-temperature.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormTemperature(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Teplo v páře'; 
            prepareMenuListener();
			}
    }); // ajax end	
};
window.DataDayTemp = '60043';

function LoadDataDayTemp() {

    window.GetDate = 0;

    var loadPanelDayTemp = $("#LoadPanelDayTemp").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#GridDayTemperature" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    loadPanelDayTemp.show();    

    var dateFrom = $("#TempDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#TempDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') ); 
    var fooSel = $("#TempPlace").dxSelectBox("instance").option("value");

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();    

    console.log(fooSel);

    $.ajax({
        url: "AjaxTemperatureDay.php",
        dataType : "script",
        type: "post",
        data: { Item: fooSel, d1: $Datum1, d2: $Datum2  },        
        success: function(result) {   

            $("#GridDayTemperature").dxPivotGrid({
            allowSorting: true,
            allowFiltering: true,
            allowExpandAll: true,
            allowSortingBySummary: true,
		    "export": { enabled: true, fileName: "TemperatureDay" },
            fieldPanel: {
                showColumnFields: true,
                showDataFields: true,
                showFilterFields: false,
                showRowFields: true,
                allowFieldDragging: false,
                visible: true
            },
            fieldChooser: {
                enabled: false,
                applyChangesMode: "instantly",
                allowSearch: true
            },  
            onCellPrepared: function(e){
            if(e.area==="row"){
                e.cellElement.css("backgroundColor", "#E3F2FD");
                } 
            else if(e.area==="column"){
                e.cellElement.css("backgroundColor", "#E3F2FD");
            } 

            },
            dataSource: {
                fields: [
                    {
                    caption: "DATUM",
                    width: 100,
                    dataField: "D",
                    area: "row"
                    },
                    {
                    caption: "HODINA",
                    width: 80,
                    dataField: "HODINA",                     
                    dataType: "number",
                    area: "row"
                    },                    
                    {
                    caption: "minuta",
                    width: 120,
                    dataField: "MINUTA",
                    cssClass: 'blue-1',  
                    dataType: "number",                    
                    area: "column"
                    },
                    {
                    caption: "hodnota",
                    width: 120,
                    dataField: "HODNOTA",
                    dataType: "number",
                    summaryType: "sum",
                    format: { type: "fixedPoint", precision: 3 },
                    area: "data"
                    }

                ],
                store: DataDayTemp 
            }

        });

        var palette = ["#E1F5FE", "#B3E5FC", "#81D4FA", "#4FC3F7", "#29B6F6", "#03A9F4", "#039BE5", "#0288D1", 
                       "#FFF3E0", "#FFE0B2", "#FFCC80", "#FFB74D", "#FFA726", "#FF9800", "#FB8C00", "#F57C00"],
            paletteIndex = 0;

        $("#ChartDayTemp").dxChart({
            dataSource: ChartDayTemp, 
            tooltip: { enabled: true },
            series: {
                argumentField: "D",
                valueField: "HODNOTA",
                name: "",
                type: "bar",
                color: '#ffaa66'
            },
            valueAxis: { title: {  text: "GJ" } },
            argumentAxis: {
                title: {  text: "čas" },
                label: {
                    customizeText: function () {
                        var res = this.valueText.split(" ");
                        if (res[1]=='00') { return res[0]; } else { return res[1]; }                        
                    }                            
                }
            },
            customizePoint: function () {
                var color = palette[paletteIndex];
                paletteIndex = paletteIndex === 15 ? 0 : paletteIndex + 1;
                return { color: color };
            },
           
            scrollingMode: "all", 
            zoomingMode: "all",
            legend:{ visible: false },
            "export": { enabled: true },
            title: {
            text: "Hodinový graf",
            subtitle: {
                text: ""
                }
            }
        });


        $("#ChartDayHourTemp").dxChart({
            dataSource: ChartDayHourTemp, 
            tooltip: { enabled: true },
            "export": { enabled: true },
            scrollingMode: "all", 
            zoomingMode: "all",            
            commonSeriesSettings: {
                argumentField: "datum",
                type: "bar",
                hoverMode: "allArgumentPoints",
                selectionMode: "allArgumentPoints"
            },
            legend: {
                verticalAlignment: "bottom",
                horizontalAlignment: "center"
            },
            title: "Po čtvrthodině",
            series: [
                { valueField: "H1", name: "00" },
                { valueField: "H2", name: "15" },
                { valueField: "H3", name: "30" },
                { valueField: "H4", name: "45" }                
            ],
            valueAxis: { title: {  text: "GJ" } },            
            argumentAxis: {
                title: {  text: "čas" },
                label: {
                    customizeText: function () {
                        var res = this.valueText.split(" ");
                        if (res[1]=='00') { return res[0]; } else { return res[1]; }                        
                    }                            
                }
            }          
        });        
        
        loadPanelDayTemp.hide();  
        }
    });

}

function PrepareFormDayTemperature() {

    var now = new Date();

    $("#TempDateFrom").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*2),
        onValueChanged: function(date) {
            LoadDataDayTemp();
        }        
    });

    $("#TempDateTo").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            LoadDataDayTemp();
        }        
    });

    $.ajax({
        url: "AjaxTemperatureDayOM.php",
        dataType : "script",
        type: "post",
        success: function(result) {    

        // console.log(result);        
        
        // LoadDataDayTemp();

        $("#TempPlace").dxSelectBox({
            dataSource: new DevExpress.data.ArrayStore({ 
                data: TempOdbMis,
                key: "Object_Index"
            }),
            displayExpr: "Object_Name",
            valueExpr: "Object_Index",
            value: TempOdbMis[0].Object_Index,
            onValueChanged: function(data) {
                /* console.log(data.value); */
                window.DataDayTemp = data.value;
                LoadDataDayTemp();
            }         
        });        


        } // sucess

    });


}

function TemperatureDayFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-temperature-day.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormDayTemperature(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Teplo v páře'; 
            prepareMenuListener();
			}
    }); // ajax end	
};
function LoadDataPress($fa) {
    $.ajax({
        url: "AjaxPressure.php",
        dataType : "script",
        type: "post",
        data: { FA: $fa },        
        success: function(result) {         
            $("#GridPressure").dxDataGrid({ dataSource: DataPress }); 
        }
    });
}

function PrepareFormPressure() {
    
    $.ajax({
        url: "AjaxTemperatureFA.php",
        dataType : "script",
        type: "post",
        data: { TYP: 6 },        
        success: function(result) {    

        $("#ListPressFa").dxList({
            dataSource: new DevExpress.data.DataSource({
                store: DataTempFa,
                group: "FakturaRok",
                sort: { getter: "FakturaRok", desc: true }
            }),                       
            height: 500,
            grouped: true,
            collapsibleGroups: true,
            selectionMode: "single",
            searchEnabled: true,
            searchExpr: "FakturaName",
            itemTemplate: function(data) {
                return $("<div>").text(data.FakturaName);
            },
            onSelectionChanged: function(data) { 
                /* console.log(data);  */
                if (!data.addedItems[0]) {return;}
                console.log(data.addedItems[0].FakturaCislo);
                LoadDataPress(data.addedItems[0].FakturaCislo);
            }
        });
        
        var DataPress = [];

        $("#GridPressure").dxDataGrid({
            dataSource: DataPress,
            allowColumnResizing: true,
            rowAlternationEnabled: false,
            allowColumnReordering: true,
            columnResizingMode: "widget",	
            showBorders: true,
            showRowLines: true,
            columnChooser: { enabled: true },            
            columnFixing: { enabled: true },
            filterRow: { visible: false, applyFilter: "auto" },
            headerFilter: { visible: true },
		    sorting: { mode: "multiple" },
		    scrolling: { mode: "virtual" },
		    selection: { mode: "single" },
            sorting: { mode: "multiple" },
            hoverStateEnabled: true,
		    "export": { enabled: true, fileName: "Pressure" },
            searchPanel: { visible: true, width: 240, placeholder: "Hledej..." },
            onToolbarPreparing: function(e) {
                    var dataGrid = e.component;
                    e.toolbarOptions.items.unshift({
                        location: "before",
                        widget: "dxButton",
				        type: "danger",				
                        options: {
                            icon: "fas fa-angle-double-down",					
				            type: "danger",
					        hint: "Zrušit filtrační podmínky ...",
                            onClick: function() {
                                DevExpress.ui.notify("ruším filtrační podmínky ...","info",500);
                                var dataGrid = $('#GridPressure').dxDataGrid('instance');
						        dataGrid.clearFilter();	
						        dataGrid.clearSorting();
                            }
                        }   
                })
            },
            columns:
            [ 
            {   dataField: "FakturaCislo", caption: "fakturace", width: 70, visible: true },                   
            {
                dataField: "OMisto",
                caption: "odběrné místo",
                width: 200, 
		    	visible: true
            },
            {
                dataField: "Name",
                caption: "jméno",
                width: 230, 
			    visible: true
            },
            {
                dataField: "OD",
                caption: "počáteční stav",
                width: 95, 
                dataType: "number",                
			    visible: true
            },
            {
                dataField: "DO",
                caption: "koncový stav",
                width: 95, 
                dataType: "number",                
			    visible: true
            },     
            {
                dataField: "MNOZSTVI",
                caption: "množství",
                width: 85, 
                dataType: "number",
				cssClass: 'red-1',                
			    visible: true
            },            
            {
                dataField: "jednotka",
                width: 65, 
			    visible: true,
				cssClass: 'blue-1'
            },                   
            {
                dataField: "KONSTANTA",
                caption: "konstanta",
                width: 65, 
                dataType: "number",                
			    visible: true,
				cssClass: 'blue-2'                
            },
            {
                dataField: "OdbMistoId",
                caption: "odb. misto ID",
                width: 65, 
                dataType: "number",                
			    visible: false,
				cssClass: 'silver-2'                
            },
            {
                dataField: "Object_Index",
                caption: "Object_Index",
                width: 65, 
                dataType: "number",                
			    visible: false,
				cssClass: 'silver-2'                
            }                                                 
            ],
            summary: {
                totalItems: [
                    {
                    column: "OMisto",
                    summaryType: "count",
                    displayFormat: "{0}"
                },
                {
                    column: "MNOZSTVI",
                    summaryType: "sum",
                    displayFormat: "{0}"
                }  
                ]
            }
        });

        } // sucess

    });


}

function PressureFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-pressure.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormPressure(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Tlakový vzduch'; 
            prepareMenuListener();
			}
    }); // ajax end	
};
function LoadDataDayPress($Item) {

    window.GetDate = 0;

    var loadPanelDayPress = $("#LoadPanelDayPress").dxLoadPanel({
        shadingColor: "rgba(0,0,0,0)",
        position: { of: "#GridDayPressure" },
        visible: false,
        showIndicator: true,
        showPane: true,
        shading: true,
        closeOnOutsideClick: false,
        onShown: function(){ },
        onHidden: function(){ }      
    }).dxLoadPanel("instance");  

    loadPanelDayPress.show();     

    var dateFrom = $("#PressDateFrom").dxDateBox("instance");
    var dateBoxValueFrom = new Date ( dateFrom.option('value') );
    var dateTo = $("#PressDateTo").dxDateBox("instance");
    var dateBoxValueTo = new Date ( dateTo.option('value') ); 

    $Datum1=dateBoxValueFrom.getDate()+'.'+(dateBoxValueFrom.getMonth()+1)+'.'+dateBoxValueFrom.getFullYear();
    $Datum2=dateBoxValueTo.getDate()+'.'+(dateBoxValueTo.getMonth()+1)+'.'+dateBoxValueTo.getFullYear();    

    $.ajax({
        url: "AjaxPressureDay.php",
        dataType : "script",
        type: "post",
        data: { Item: $Item, d1: $Datum1, d2: $Datum2  },        
        success: function(result) { 

            /* console.log(result); */

            var pivotGridDayPressure = $("#GridDayPressure").dxPivotGrid({
            allowSorting: true,
            allowFiltering: true,
            allowExpandAll: true,
            allowSortingBySummary: true,
		    "export": { enabled: true, fileName: "PressureDay" },
            fieldPanel: {
                showColumnFields: true,
                showDataFields: true,
                showFilterFields: false,
                showRowFields: true,
                allowFieldDragging: false,
                visible: true
            },
            fieldChooser: {
                enabled: false,
                applyChangesMode: "instantly",
                allowSearch: true
            },  
            onCellPrepared: function(e){
            if(e.area==="row"){
                e.cellElement.css("backgroundColor", "#E3F2FD");
                } 
            else if(e.area==="column"){
                e.cellElement.css("backgroundColor", "#E3F2FD");
            } 

            },
            dataSource: {
                fields: [
                    {
                    caption: "DATUM",
                    width: 100,
                    dataField: "D",
                    area: "row"
                    },
                    {
                    caption: "HODINA",
                    width: 80,
                    dataField: "HODINA",                     
                    dataType: "number",
                    area: "row"
                    },                    
                    {
                    caption: "minuta",
                    width: 120,
                    dataField: "MINUTA",
                    cssClass: 'blue-1',  
                    dataType: "number",                    
                    area: "column"
                    },
                    {
                    caption: "hodnota",
                    width: 120,
                    dataField: "HODNOTA",
                    dataType: "number",
                    summaryType: "sum",
                    format: { type: "fixedPoint", precision: 3 },
                    area: "data"
                    }

                ],
                store: DataDayPress 
            }

        }).dxPivotGrid("instance");

        var palette = ["#E1F5FE", "#B3E5FC", "#81D4FA", "#4FC3F7", "#29B6F6", "#03A9F4", "#039BE5", "#0288D1", 
                       "#FFEBEE", "#FFCDD2", "#EF9A9A", "#E57373", "#EF5350", "#F44336", "#E53935", "#D32F2F"],
            paletteIndex = 0;

        $("#ChartDayPressure").dxChart({
            dataSource: ChartDayPress, 
            tooltip: { enabled: true },
            series: {
                argumentField: "D",
                valueField: "HODNOTA",
                name: "",
                type: "bar",
                color: '#ffaa66'
            },
            valueAxis: { title: {  text: 'm&sup3;' } },
            argumentAxis: {
                title: {  text: "čas" },
                label: {
                    customizeText: function () {
                        var res = this.valueText.split(" ");
                        if (res[1]=='00') { return res[0]; } else { return res[1]; }                        
                    }                            
                }
            },
            customizePoint: function () {
                var color = palette[paletteIndex];
                paletteIndex = paletteIndex === 15 ? 0 : paletteIndex + 1;
                return { color: color };
            },
           
            scrollingMode: "all", 
            zoomingMode: "all",
            legend:{ visible: false },
            "export": { enabled: true },
            title: {
            text: "Hodinový graf",
            subtitle: {
                text: ""
                }
            }
        });

        $("#ChartDayHourPressure").dxChart({
            dataSource: ChartDayHourPress, 
            tooltip: { enabled: true },
            "export": { enabled: true },
            scrollingMode: "all", 
            zoomingMode: "all",            
            commonSeriesSettings: {
                argumentField: "datum",
                type: "bar",
                hoverMode: "allArgumentPoints",
                selectionMode: "allArgumentPoints"
            },
            legend: {
                verticalAlignment: "bottom",
                horizontalAlignment: "center"
            },
            title: "Po čtvrthodině",
            series: [
                { valueField: "H1", name: "00" },
                { valueField: "H2", name: "15" },
                { valueField: "H3", name: "30" },
                { valueField: "H4", name: "45" }                
            ],
            valueAxis: { title: {  text: 'm&sup3;' } },            
            argumentAxis: {
                title: {  text: "čas" },
                label: {
                    customizeText: function () {
                        var res = this.valueText.split(" ");
                        if (res[1]=='00') { return res[0]; } else { return res[1]; }                        
                    }                            
                }
            }          
        });
                
        loadPanelDayPress.hide();  
        } // success
    });

}

function PrepareFormDayPressure() {

    var now = new Date();

    $("#PressDateFrom").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now - (60*60*1000*24*2),
        onValueChanged: function(date) {
            LoadDataDayPress();
        }        
    });

    $("#PressDateTo").dxDateBox({
        displayFormat: "dd.MM.yyyy",
        value: now,
        onValueChanged: function(date) {
            LoadDataDayPress();
        }        
    });    
    
    $.ajax({
        url: "AjaxPressureDayOM.php",
        dataType : "script",
        type: "post",      
        success: function(result) {    

        // console.log(result);        
        
        LoadDataDayPress('*');

        $("#PressPlace").dxSelectBox({
            dataSource: new DevExpress.data.ArrayStore({ 
                data: PressOdbMis,
                key: "Object_Index"
            }),
            displayExpr: "Object_Name",
            valueExpr: "Object_Index",
            value: PressOdbMis[0].Object_Index,
            onValueChanged: function(data) {
                /* console.log(data.value); */
                LoadDataDayPress(data.value);
            }         
        });        

        } // sucess

    });

}

function PressureDayFrm() {
    window.GetDate = 0;    
    $.ajax({
        url: "frm-pressure-day.php",
        dataType : "html",
        success: function(result) { 
		    document.getElementById("MainPlace").innerHTML = result;  			
			PrepareFormDayPressure(); 
            document.getElementById("MenuDashboardSubmenu").innerHTML = 'Tlakový vzduch'; 
            prepareMenuListener();
			}
    }); // ajax end	
};function JidelnaFrm() {

    DevExpress.config({ editorStylingMode: "filled" });  
    
JidObjednatFrm();    
    window.GetDate = 0;
}
var $Jidelnicek = []; 
var $jidla = [];
var $SelDatum = new Date();

function TextAreaSavePaste() {
    var $d = document.getElementById("TextAreaPaste").value;
    /* console.log($val); */

    $.ajax({
        url:  "AjaxJidPasteSave.php",
        dataType: "html",  
        type: "POST",      
        data: { paste: $d, misto: window.JidelnicekMisto },
        success: function(result) { 
            console.log(result);     
        }
    });  

}

function JidelnicekRead($datum) {
    window.GetDate = 0;
    $d = $datum.getDate()+'.'+($datum.getMonth()+1) +'.'+$datum.getFullYear();
    console.log($d+' '+window.JidelnicekMisto);    
    $.ajax({
        url:  "AjaxJidJidelnicekRead.php",
        dataType: "script",  
        type: "POST",      
        data: { datum: $d, misto: window.JidelnicekMisto },
        success: function(result) { 

            /* console.log(result);    */

            $("#GridJidelnicek").dxDataGrid({ dataSource: $Jidelnicek });            
        }
    });

}

function JidelnicekSave() {
    var dataGrid = $('#GridJidelnicek').dxDataGrid('instance');
    dataGrid.saveEditData();
    dataGrid.endUpdate();   

    $foo = '';
    $seznam_dni = '';

    for ($i=0;$i<$Jidelnicek.length;$i++) {
        
        $f = $Jidelnicek[$i]['DA'];
        $ff = $f.split(',');

        if ($seznam_dni.indexOf($ff[1].trim())<0) {
            $seznam_dni = $seznam_dni + $ff[1].trim()+';';
        }      
        
        if ( $Jidelnicek[$i]['JI'] > 0 )  {
            $foo += 'DA:'
            +$ff[1].trim()
            +',PO:'
            +$Jidelnicek[$i]['PO']
            +',JI:'                    
            +$Jidelnicek[$i]['JI']+';';
        }
    }  

    console.log($foo); 
    console.log($seznam_dni);

    $.ajax({
        url:  "AjaxJidJidelnicekSave.php",
        dataType: "script",
        type: "POST",
        data: { d: $foo, seznamDni: $seznam_dni },
        success: function(result) { 
        /* console.log(result); */
        /* DevExpress.ui.notify("Odesláno ..."); */
        }
    }); 

}

function JidelnicekPrepareUI() {

    $d = $SelDatum.getDate()+'.'+($SelDatum.getMonth()+1) +'.'+$SelDatum.getFullYear();
    /* JidelnicekRead($datum); */

    $("#BtnSendFood").dxButton({
        text: "Uložit",
        type: "success",
        width: 150,
        icon: "fas fa-check",	
        onClick: function(e) { 
            JidelnicekSave();
        }
    });      

    $.ajax({
        url:  "AjaxJidJidelnicekRead.php",
        dataType: "script",  
        type: "POST",      
        data: { datum: $d },
        success: function(result) {             

            /* console.log(result);     */

            var dataGrid = $("#GridJidelnicek").dxDataGrid({
                dataSource: $Jidelnicek,
                showBorders: true,
                showRowLines: true,
                showColumnLines: false,
                grouping: { autoExpandAll: true },
                searchPanel: { visible: false },
                scrolling: { mode: "virtual" },                   
                groupPanel: { visible: false },
                editing: { mode: "batch",  allowUpdating: true }, 
                "export": {  enabled: true, fileName: "Jidelnicek" },                
                onRowUpdated: function (e) { JidelnicekSave(); },
                onToolbarPreparing: function(e) {

                var toolbarItems = e.toolbarOptions.items;
                $.each(toolbarItems, function (_, item) {
                    if (item.name == "saveButton" || item.name == "revertButton") { item.visible = false; }
                });    

                var dataGrid = e.component;
                e.toolbarOptions.items.unshift(
                {                    
                    location: "before",
                    widget: "dxSelectBox",				
                    options: {
                        width: 130,
                        items: 
                        [
                            {
                            value: 0,
                            text: "Kladno"
                            },
                            {
                            value: 1,
                            text: "Zlín"
                            } 
                        ],
                        displayExpr: "text",
                        valueExpr: "value",
                        value: window.JidelnicekMisto,                        
                        onValueChanged: function(data) {
                            window.JidelnicekMisto = data.value;
                            JidelnicekRead($SelDatum);
                        }
                    }   
		        },                     
                {                    
                    location: "before",
                    widget: "dxDateBox",				
                    options: {
                        width: 130,
                        type: "date",
                        value: $SelDatum,
                        onValueChanged: function(data) {
                            JidelnicekRead(data.value);
                            $SelDatum = data.value;
                        }
                    }   
		        },                            
                {                    
                    location: "after",
                    widget: "dxButton",				
                    options: {
                        type: "date",
				        type: "",
                        text: "vložení seznamu",
                        onClick: function() {

                            if (window.JidelnicekMisto == 0) { $foo = "Kladno"; }
                            else if (window.JidelnicekMisto == 1) { $foo = "Zlín"; }
                            document.getElementById("PasteMisto").innerHTML = $foo;

                            $('#ModalPaste').modal('show');                            
                        }                        
                    }   
		        },                
                {
                    location: "after",
                    widget: "dxButton",
				    type: "danger",			
                    options: {
                        icon: "fas fa-check",					
				        type: "success",
                        width: 150,
                        text: "Uložit",
					    hint: "Uložit ...",
                        onClick: function() {
                            JidelnicekSave();
                        }
                    }   
		        },                    
                {
                    location: "after",
                    widget: "dxButton",
				    type: "default",
                    options: {
                        icon: "fa fa-print",					
				        type: "",
                        text: "tisk",
					    hint: "vytisknout jídelníček ...",
                        onClick: function() {
						    console.log('tisk');  

                            $d = $SelDatum.getDate()+'.'+($SelDatum.getMonth()+1) +'.'+$SelDatum.getFullYear();                            
						    window.open("AjaxJidPrintJidelnicek2.php?datum="+$d,"_blank");                        
                        }
                    }   
		        }                
                ) 
            },                
            columns: [
                { dataField: "DA", caption: "den", groupIndex: 0, dateType: "date", sortOrder: "none" },            
                { dataField: "PO", caption: "po", width: 50, allowEditing: false, visible: false },
                { dataField: "TE", caption: "číslo", width: 150, allowEditing: false, visible: true  },
                { dataField: "JI", caption: "jídlo", allowEditing: true,
                  lookup: {
                    dataSource: function (options) {
                        if (options.data) {
                            console.log(options.data); 
                            /* console.log(options.data.TE);  */
                            if (options.data.TE == 'polévka') { return $polevky; } else { return $jidla; }
                        }   else { return $jidla_dohromady; }
                    },
                    valueExpr: "ID_POKRM",
                    displayExpr: "JI"
                    }
                }
            ]

            } ).dxDataGrid("instance");  
        }
    });
    
}

function JidJidelnicekFrm() {
    document.getElementById("MainPlace").innerHTML=$loader;    
    console.log("JidelnicekFrm loading");    
    window.LiveTab = 0;
    window.GetDate = 0;
        $.ajax({
            url:  "frm-jidelna-jidelnicek.php",
            dataType: "html",
            success: function(result) { 
                document.getElementById("MainPlace").innerHTML = result;                                   
                console.log("JidelnicekFrm loaded");                                  
                JidelnicekPrepareUI();  
                prepareMenuListener();  
                document.getElementById("MenuDashboardSubmenu").innerHTML = 'Jídelna: '+strJidelna;                     
            } // success

        });

}


var  $StatistikaLog = [];

function JidLogDataRead($d) {
    window.GetDate = 0;
    $.ajax({
        url:  "AjaxJidLogRead.php",
        dataType: "script",
        type: "POST",
        data: { d: $d },
        success: function(result) { 
            /* console.log(result); */
            $("#GridLog").dxDataGrid({ dataSource: $StatistikaLog });
        }

    });

}

function JidLogPrepareUI() {

    $StatDatum = new Date();  
     
    $("#GridLog").dxDataGrid({
        dataSource: $StatistikaLog,
        showBorders: true,
        showRowLines: true,
        showColumnLines: false,
        rowAlternationEnabled: true,
        "export": {  enabled: true, fileName: "Log" },           
        headerFilter: { visible: true },
        selection: { mode: "single" },
        scrolling: { mode: "infinite" },
        summary: {
                totalItems: [
                {
                    column: "CAS",
                    summaryType: "count"
                    },
                {
                    column: "KS",
                    displayFormat: "{0}",
                    summaryType: "sum"
                    }
                ]
        },        
        columns: [

            { dataField: "CAS", caption: "čas objednání", width: 160, dataType: "datetime" },                      
            { dataField: "DATUM", caption: "jídlo pro den", width: 110 },            
            { dataField: "MENU", caption: "menu", width: 50 },
            { dataField: "KS", caption: "ks", width: 50 },
            { dataField: "STRAVNIK", caption: "strávník", width: 250 },            
            { dataField: "OBJEDNAL", caption: "objednal na intranetu" },
            { dataField: "PRACOVISTE", caption: "pracoviště" }            

        ]        
    });    

}

function JidLogFrm() {
    console.log("LogFrm loading");    
    window.LiveTab = 0;
    window.GetDate = 0;
        $.ajax({
            url:  "frm-jidelna-log.php",
            dataType: "html",
            success: function(result) { 
                document.getElementById("MainPlace").innerHTML = result;                                   
                console.log("LogFrm frm loaded");                                  
                var d = new Date();
                $d = d.getDate()+'.'+(d.getMonth()+1) +'.'+d.getFullYear();                
                JidLogDataRead($d);
                JidLogPrepareUI(); 
                prepareMenuListener(); 
                document.getElementById("MenuDashboardSubmenu").innerHTML = 'Jídelna: '+strJidelna;                        
            } // success

        });

}

var $sel = [];
window.JidelnaUzivatelID = -1;
var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" });    

console.log(-1);
var $Objednavka = [
{
    "ID": 1, "MRAZENE": 0,
    "PORADI":"1",    
    "DATUM":"(1) pondělí, 19.11.2018",
    "JIDLO": "Restovaná kachní jatýrka se slaninou, šalotkou, portským vínem a opečenými řezy bagetky",
    "KS": 0
}
];


function ObjednatPrepareUI($UzivatelID) {

    console.log("ObjednatFrm loading: "+$UzivatelID);

    DevExpress.config({ editorStylingMode: "filled" });  

    window.GetDate = 0;
    var strMrazene = [{
    "ID_MRAZENE": 0,
    "STR_MRAZENE": ""
    }, {
    "ID_MRAZENE": 1,
    "STR_MRAZENE": "10:00-10:30"
    }, {
    "ID_MRAZENE": 2,
    "STR_MRAZENE": "18:15-18:45"
    }];

    function DoplnSel() {

        for ($i=0;$i<$Objednavka.length;$i++) {

            if($Objednavka[$i]['KS'] > 0) {            

                if ($sel.indexOf($i)<0) {
                    $sel[$sel.length] = $i;
                }

            } 

        }

    }

    function KSdleSel() {

    /* console.log($sel);  */

        for ($i=0;$i<$Objednavka.length;$i++) {

            if($Objednavka[$i]['KS'] > 0) {            
    
            if ( ($sel.indexOf($i)<0) || ($sel.length == 0) ) {
                $Objednavka[$i]['KS'] = 0;
                $Objednavka[$i]['MRAZENE'] = 0;
                $Objednavka[$i]['JIDELNA'] = 0;
                $Objednavka[$i]['KRABICKY'] = 0;
            } 

            } else if ( ($sel.indexOf($i)>-1) && ($Objednavka[$i]['KS'] == 0) ) {
                $Objednavka[$i]['KS'] = 1;
                $Objednavka[$i]['JIDELNA'] = 1;
                $Objednavka[$i]['KRABICKY'] = 0;
            }

        }

    }

    function DoplnKS() {
        /* console.log($sel); */
        for ($i=0;$i<$sel.length;$i++) {
            if($Objednavka[$sel[$i]]['KS'] == 0) {
                $Objednavka[$sel[$i]]['KS'] = 1;
                $Objednavka[$sel[$i]]['JIDELNA'] = 1;
                $Objednavka[$sel[$i]]['KRABICKY'] = 0;
            } else if($Objednavka[$sel[$i]]['KS'] > 99) {
                $Objednavka[$sel[$i]]['KS'] = 99;
            }
        }
        /* console.log($sel);                    */
    }


    function ZrusKS() {
        
        for ($i=0;$i<$Objednavka.length;$i++) {
            $Objednavka[$i]['KS'] = 0;
            $Objednavka[$i]['JIDELNA'] = 0;
            $Objednavka[$i]['KRABICKY'] = 0;
        }
                   
    }    

    $.ajax({
        url:  "AjaxJidSeznamJmen.php",
        dataType: "script",
        type: "POST",
        data: { tip: 1, oc: $UzivatelID },
        success: function(result) {     

            /* console.log('AjaxJidSeznamJmen: '+$UzivatelID);  */

            $("#SearchNames").dxSelectBox({
                items: $SeznamJmen,
                displayExpr: "JMENO",
                valueExpr: "ID",
                value: $UzivatelID,
                searchEnabled: true,
                onValueChanged: function(data) {
                    /* console.log('SearchNames: '+data.value); */
                    $UzivatelID = data.value;
                    window.JidelnaUzivatelID = data.value;
                    ObjednatReadData($UzivatelID);
                }                
            });    
        }

    });

    $("#BtnSend").dxButton({
        text: "Potvrdit výběr",
        type: "success",
        width: 250,
        icon: "fas fa-check",	
        onClick: function(e) { 
            var dataGrid = $('#GridMenu').dxDataGrid('instance');
            dataGrid.saveEditData();
            dataGrid.endUpdate();    
            DoplnSel();        
            DoplnKS(); 
            var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" });    
            $("#GridMenu").dxDataGrid({ dataSource: { store: $storeObj }, selectedRowKeys: $sel });

            $fooDatum = ''; $foo = '';

            for ($i=0;$i<$Objednavka.length;$i++) {
                $f  = $Objednavka[$i]['DATUM'];
                $ff = $f.split(',');
                if ( $fooDatum.indexOf( $ff[1].trim() ) <0 ) { $fooDatum = $fooDatum + $ff[1].trim()+','; }
            } 

            for ($i=0;$i<$sel.length;$i++) {
                $f = $Objednavka[ $sel[$i] ]['DATUM'];
                $ff = $f.split(',');

                $foo += 'DAT:'+$ff[1].trim()
                + ',P:'   +$Objednavka[ $sel[$i] ]['PORADI']
                + ',POK:' +$Objednavka[ $sel[$i] ]['ID_POKRM']  
                + ',KRA:' +$Objednavka[ $sel[$i] ]['KRABICKY']
                + ',JID:' +$Objednavka[ $sel[$i] ]['JIDELNA']                                
                + ',KS:'  +$Objednavka[ $sel[$i] ]['KS']
                + ',MRA:' +$Objednavka[ $sel[$i] ]['MRAZENE']
                +';'; 
            }
            
            $.ajax({
                url:  "AjaxJidObjednatSave.php",
                dataType: "script",
                type: "POST",
                data: { d: $foo, datumy: $fooDatum, oc: $UzivatelID },
                success: function(result) { 
                    console.log($foo);  
                    console.log(result);
        	        DevExpress.ui.notify("Odesláno ...");              
                }
            });

        }
    });    

    var dataGrid = $("#GridMenu").dxDataGrid({
        dataSource: { store: $storeObj },
        allowColumnResizing: true,
        columnAutoWidth: true,
        showBorders: true,
        showRowLines: true,
        sorting: { mode: "none" }, 
        showColumnLines: false,
        grouping: { autoExpandAll: true },
        searchPanel: { visible: false },
        scrolling: { mode: "virtual", useNative: true },        
        selection: { mode: "multiple", showCheckBoxesMode: "always", allowSelectAll: false },
        "export": {  enabled: true, fileName: "jidelnicek", allowExportSelectedData: false },
        groupPanel: { visible: false },
        editing: { mode: "batch",  allowUpdating: true },
        onRowUpdated: function ( obj ) {
            /* console.log(obj); */
        },
        onSelectionChanged: function( obj ) {

            dataGrid.saveEditData();
            dataGrid.endUpdate();            

            /* console.log(obj); */
            $sel = [];

            if( obj.selectedRowsData) {

            if( obj.selectedRowsData.length > 0) {

                for ($i=0;$i<obj.selectedRowsData.length;$i++) {
                    $sel[$i] = obj.selectedRowKeys[$i];
                }
            }

            }
            KSdleSel();
            /* DoplnSel(); */
            
            var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" });    
            $("#GridMenu").dxDataGrid({ dataSource: { store: $storeObj } /* , selectedRowKeys: $sel */ });            
            
            /* console.log($sel); */
        },
        toolbar: {
            items: [
            {
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "fa fa-times-circle",					
				    type: "danger",
                    text: "zrušit celou objednávku",
					hint: "Zrušit výběr ...",
                    onClick: function() {
                        var dataGrid = $('#GridMenu').dxDataGrid('instance');
                        dataGrid.clearSelection();
                        ZrusKS(); $sel = [];
                        var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" });    
                        $("#GridMenu").dxDataGrid({ dataSource: { store: $storeObj } });
                        DevExpress.ui.notify('Potvrzení zrušení objednávky provedete kliknutím na tlačítko "potvrdit"', 'error', 2600);
                    }
                }   
		    },
            {
                location: "after",
                widget: "dxButton",
				type: "default",
				
                options: {
                    icon: "fas fa-star",					
				    type: "",
                    text: "můj jídelníček",
					hint: "můj jídelníček ...",
                    onClick: function() {
                        $.ajax({
                        url:  "AjaxJidMujJidelnicek.php",
                        dataType: "script",
                        type: "POST",
                        dataType: "html",                        
                        data: { oc: $UzivatelID },
                            success: function(result) {  
                                document.getElementById("MujJidelnicek").innerHTML = result;
                                $('#ModalMujJidelnicek').modal('show');                        
                            }
                        });
                    }
                }   
		    },            
            {
                location: "before",
                widget: "dxButton",
				type: "default",
				
                options: {
                    elementAttr: { id: "BtnChlazene10" },                                        
                    icon: "fas fa-archive",
                    visible: false,                    
				    type: "",
                    text: "chlazené jídlo na 10:00 hod.",
					hint: "nastavit odběr chlazeného jídla pro celé menu na 10:00 hod.",
                    onClick: function() {
                        var dataGrid = $('#GridMenu').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();

                        $hodnota = 1;

                        for ($i=0;$i<$Objednavka.length;$i++) { $Objednavka[$i]['MRAZENE'] = $hodnota; }

                        DoplnKS(); 
                        var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" }); 
                        $("#GridMenu").dxDataGrid({ dataSource:  { store: $storeObj }, selectedRowKeys: $sel });

                    }
                }   
		    },  
            {
                location: "before",
                widget: "dxButton",
				type: "default",
				
                options: {
                    elementAttr: { id: "BtnChlazene18" },                    
                    icon: "fas fa-archive",
                    visible: false,				
				    type: "",
                    text: "chlazené jídlo na 18:15 hod.",
					hint: "nastavit odběr chlazeného jídla pro celé menu na 18:15 hod.",
                    onClick: function() {
                        var dataGrid = $('#GridMenu').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();

                        $hodnota = 2;

                        for ($i=0;$i<$Objednavka.length;$i++) { $Objednavka[$i]['MRAZENE'] = $hodnota; }

                        DoplnKS(); 
                        var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: "ID" }); 
                        $("#GridMenu").dxDataGrid({ dataSource:  { store: $storeObj }, selectedRowKeys: $sel });

                    }
                }   
		    }, 
            {
                location: "after",
                widget: "dxButton",
				type: "default",
				
                options: {
                    icon: "fas fa-exclamation-circle",					
				    type: "",
                    text: "alergeny",
					hint: "seznam alergenů ...",
                    onClick: function() {
                        $('#ModalAlergeny').modal('show');
                    }
                }   
		    }, 'exportButton', 'columnChooserButton'       
            ]
        },   
        onRowUpdated: function (e) {
          
        },     
        columns: [
            { dataField: "ID", caption: "ID", dateType: "number", sortIndex: 0, sortOrder: "asc", visible: false },                        
            { dataField: "DATUM", caption: "den", groupIndex: 0, dateType: "date", sortOrder: "none" },            
            { dataField: "PORADI", caption: "#", width: 20, allowEditing: false },
            { dataField: "JIDLO", caption: "jídlo", allowEditing: false,
                cellTemplate : function(element, options) {
                    $jidlo = options.data.JIDLO;
                    $alergeny = options.data.ALERGENY;
                    $suma = options.data.SUMA;                    
                    $fooAlergeny = '';
                    if ($suma == '') { $suma =0; }
                                        element.append("<div>"+$jidlo+" <span class='badge bg-success'>"+$suma+" ks</span>"+$fooAlergeny+"</div>");
                }
            },

            { dataField: "MRAZENE",               caption: "mražené", cssClass: 'blue-1',
                lookup: {
                    dataSource: strMrazene,
                    displayExpr: "STR_MRAZENE",
                    valueExpr: "ID_MRAZENE"
                    }
                },
            { dataField: "ALERGENY", caption: "alergeny", width: 75, allowEditing: false,   cssClass: 'small' },
            { dataField: "KRABICKY", caption: "krabička (ks)", dateType: "number", width: 90, cssClass: 'green-1',   visible: false,               editorOptions: { showSpinButtons: true } 
            },
            { dataField: "JIDELNA", caption: "jídelna (ks)", dateType: "number", width: 90, cssClass: 'blue-1',  visible: false,               editorOptions: { showSpinButtons: true } 
            },
            { dataField: "KS", caption: "ks", dateType: "number", width: 90, cssClass: 'blue-1',               editorOptions: { showSpinButtons: true } 
            }        
        ],
        selectedRowKeys: $sel
    }).dxDataGrid("instance");    

    $("#SearchNames").dxSelectBox({ value: $UzivatelID });    

    if ( ($UzivatelID == 5747) || ($UzivatelID == 5748) || ($UzivatelID < 500000) ) {
        $("#BtnChlazene10").dxButton({ visible: true });
        $("#BtnChlazene18").dxButton({ visible: true });    
    } 

}

function ObjednatReadData() {
    $UzivatelID = window.JidelnaUzivatelID;
    console.log('ObjednatReadData: '+$UzivatelID);  
    $Objednavka = [];

    $.ajax({
        url:  "AjaxJidObjednatRead.php",
        dataType: "script",
        type: "POST",
        data: { oc: $UzivatelID },
        success: function(result) { 
            /* console.log(result);  */
            var $storeObj = new DevExpress.data.ArrayStore({ data: $Objednavka, key: "ID", SortOrder: ["ID", "PORADI"] });    
            $("#GridMenu").dxDataGrid({ dataSource:  { store: $storeObj }, selectedRowKeys: $sel });
        }
    });

}

function JidObjednatFrm(){
    console.log("JidObjednatFrm: "+strLoginID);
    window.JidelnaUzivatelID = strLoginID;
    window.LiveTab = 0;
    window.GetDate = 0;
        $.ajax({
            url:  "frm-jidelna-jidlo.php",
            dataType: "html",
            success: function(result) { 

                document.getElementById("MainPlace").innerHTML = result;                                   
                ObjednatPrepareUI(strLoginID);  
                prepareMenuListener(); 
                document.getElementById("MenuDashboardSubmenu").innerHTML = 'Jídelna: '+strJidelna;                            
                ObjednatReadData(strLoginID); 
                console.log("Objednat frm loaded");  

            } // success

        });

}



function SeznamPrepareUI() {
    window.GetDate = 0;
    $.ajax({
        url:  "AjaxJidSeznamJidelRead.php",
        dataType: "script",
        success: function(result) { 

        $("#BtnSendSeznam").dxButton({
            text: "Uložit",
            type: "success",
            width: 150,
            icon: "fas fa-check",	
            onClick: function(e) { 
                var dataGrid = $('#GridSeznam').dxDataGrid('instance');
                dataGrid.saveEditData();
                dataGrid.endUpdate();                  

                var dataGrid = $('#GridPolevky').dxDataGrid('instance');
                dataGrid.saveEditData();
                dataGrid.endUpdate();    

            }
        });         

        $("#BtnSendPolevky").dxButton({
            text: "Uložit",
            type: "success",
            width: 150,
            icon: "fas fa-check",	
            onClick: function(e) { 
                var dataGrid = $('#GridPolevky').dxDataGrid('instance');
                dataGrid.saveEditData();
                dataGrid.endUpdate();    

                var dataGrid = $('#GridSeznam').dxDataGrid('instance');
                dataGrid.saveEditData();
                dataGrid.endUpdate();                                 
            }
        });               

        /* console.log(result); */

        $("#GridSeznam").dxDataGrid({
            dataSource: $SeznamJidel,
            showBorders: true,
            showRowLines: true,
            showColumnLines: false,
            editing: { mode: "batch", allowUpdating: true, allowDeleting: true, allowAdding: true },
            "export": { enabled: true, fileName: "Jidla" },    
            rowAlternationEnabled: true,    
            searchPanel: { visible: true, width: 240, placeholder: "hledat..." },                      
            scrolling: { mode: "virtual", rowRenderingMode: "virtual" },
            /*
            onToolbarPreparing: function(e) {
            var dataGrid = e.component;
            e.toolbarOptions.items.unshift(
                
			{
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "fas fa-check",					
				    type: "success",
                    width: 150,
                    text: "Uložit",
					hint: "Uložit ...",
                    onClick: function() {
                        var dataGrid = $('#GridSeznam').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();   

                        var dataGrid = $('#GridPolevky').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();                          
                    }
                }   
		    }) 
            },*/            
            onRowRemoved: function(e) {
                console.log("onRowRemoved");

      	 	    var datagrid = $("#GridSeznam").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }

                /* console.log ("AjaxJidSeznamJidelSave.php?in="+output);                 */

                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:3, t: 0 },
                        success: function(result) { 

                            SeznamPrepareUI();
			        }
			    });	                

            },
            onRowInserted: function(e) {
                console.log("onRowInserted");

      	 	    var datagrid = $("#GridSeznam").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
			
                console.log ("AjaxJidSeznamJidelSave.php?in="+output); 
			
                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:1, t: 0 },
                        success: function(result) { 

                            SeznamPrepareUI();
			        }
			    });	                
            },
            onRowUpdated: function (e) {
                console.log("onRowUpdated");                
			
                DevExpress.ui.notify("aktualizuji data ...","info",500);

      	 	    var datagrid = $("#GridSeznam").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			
                // key, data, component, element
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
			
                /* console.log ("AjaxJidSeznamJidelSave.php?in="+output); */
			
                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:2, t: 0 },
                        success: function(result) { 
			            DevExpress.ui.notify("ok ...","success",500);
			        }
			    });			
		    },	
            columns: [
            { dataField: "ID_POKRM", caption: "ID", dateType: "number", width: 60, allowEditing: false, visible: false },                        
            { dataField: "MISTO", caption: "M", dateType: "number", width: 60,allowEditing: false, visible: false },                                    
            { dataField: "TIP", caption: "tip", dateType: "number", width: 60, allowEditing: false, visible: false },                                    
            { dataField: "POPIS", caption: "jídlo", width: 960, allowEditing: true }
            ],
            summary: {
                totalItems: [{
                    column: "POPIS",
                    summaryType: "count"
                }]
            }            
        });


        $("#GridPolevky").dxDataGrid({
            dataSource: $SeznamPolevek,
            showBorders: true,
            showRowLines: true,
            showColumnLines: false,
            rowAlternationEnabled: true,
            editing: { mode: "batch", allowUpdating: true, allowDeleting: true, allowAdding: true },
            scrolling: { mode: "virtual", rowRenderingMode: "virtual" },            
            searchPanel: { visible: true, width: 240, placeholder: "hledat..." },
            "export": {  enabled: true, fileName: "Jidla" },                  
            /*
            onToolbarPreparing: function(e) {
            var dataGrid = e.component;
            e.toolbarOptions.items.unshift(
			{
                location: "before",
                widget: "dxButton",
				type: "danger",
				
                options: {
                    icon: "fas fa-check",					
				    type: "success",
                    width: 150,
                    text: "Uložit",
					hint: "Uložit ...",
                    onClick: function() {

                        var dataGrid = $('#GridSeznam').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();   

                        var dataGrid = $('#GridPolevky').dxDataGrid('instance');
                        dataGrid.saveEditData();
                        dataGrid.endUpdate();                          

                    }
                }   
		    }) 
            },
            */            
            onRowRemoved: function(e) {
                console.log("onRowRemoved");

      	 	    var datagrid = $("#GridPolevky").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }

                console.log ("AjaxJidSeznamJidelSave.php?in="+output);                 

                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:3, t: 1 },
                        success: function(result) { 

                            SeznamPrepareUI();
			        }
			    });	                

            },
            onRowInserted: function(e) {
                console.log("onRowInserted");

      	 	    var datagrid = $("#GridPolevky").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
			
                console.log ("AjaxJidSeznamJidelSave.php?in="+output); 
			
                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:1, t: 1 },
                        success: function(result) { 

                            SeznamPrepareUI();
			        }
			    });	                
            },
            onRowUpdated: function (e) {
                console.log("onRowUpdated");                
			
                DevExpress.ui.notify("aktualizuji data ...","info",500);

      	 	    var datagrid = $("#GridSeznam").dxDataGrid('instance');
			    row = datagrid.getSelectedRowKeys();
			
                // key, data, component, element
			    var output = '';
            
                for (var property in e.key) { output += property + ': ' + e.key[property]+'; ';  }
			
                /* console.log ("AjaxSeznamJidelSave.php?in="+output); */
			
                $.ajax({
                    url: "AjaxJidSeznamJidelSave.php",
                        dataType : "script",
                        type: "POST",
                        data: { in: output, sw:2, t: 1 },
                        success: function(result) { 
			            DevExpress.ui.notify("ok ...","success",500);
			        }
			    });			
		    },	
            columns: [
            { dataField: "ID_POKRM", caption: "ID", dateType: "number", width: 60, allowEditing: false, visible: false },                        
            { dataField: "MISTO", caption: "M", dateType: "number",  width: 60, allowEditing: false, visible: false },                                    
            { dataField: "POPIS", caption: "jídlo", width: 980, allowEditing: true }
            ],
            summary: {
                totalItems: [{
                    column: "POPIS",
                    summaryType: "count"
                }]
            }                    
        });

        }
    });

}

function JidSeznamFrm() {
    console.log("StatFrm loading");    
    window.LiveTab = 0;
    window.GetDate = 0;
        $.ajax({
            url:  "frm-jidelna-seznam.php",
            dataType: "html",
            success: function(result) { 
                document.getElementById("MainPlace").innerHTML = result;                                   
                console.log("SeznamFrm frm loaded");                                  
                SeznamPrepareUI();   
                prepareMenuListener(); 
                document.getElementById("MenuDashboardSubmenu").innerHTML = 'Jídelna: '+strJidelna;                   
            } // success

        });

}


var $StatistikaJmena = [];
var $Statistika = [];
var $StatDatum = new Date();


function JidStatDataRead($d) {

    $.ajax({
        url:  "AjaxJidStatRead.php",
        dataType: "script",
        type: "POST",
        data: { d: $d },
        success: function(result) { 
            /* console.log(result); */
            $("#GridStatJmena").dxDataGrid({ dataSource: $StatistikaJmena });
            $("#GridStatCelkem").dxDataGrid({ dataSource: $Statistika });            
        }

    });

}

function JidStatPrepareUI() {

    $StatDatum = new Date();

    var strMrazene = [{
    "ID_MRAZENE": 0,
    "STR_MRAZENE": ""
    }, {
    "ID_MRAZENE": 1,
    "STR_MRAZENE": "10:00-10:30"
    }, {
    "ID_MRAZENE": 2,
    "STR_MRAZENE": "18:15-18:45"
    }];    
     
    $("#GridStatJmena").dxDataGrid({
        dataSource: $StatistikaJmena,
        showBorders: true,
        showRowLines: true,
        scrolling: { mode: "virtual" },
        showColumnLines: false,
        "export": {  enabled: true, fileName: "Objednávky" },           
        onToolbarPreparing: function(e) {
            
            var toolbarItems = e.toolbarOptions.items;
            $.each(toolbarItems, function (_, item) {
                if (item.name == "saveButton" || item.name == "revertButton") { item.visible = false; }
            });    

            var dataGrid = e.component;
            e.toolbarOptions.items.unshift(
                {
                    location: "after",
                    widget: "dxButton",
				    type: "default",
                    options: {
                        icon: "fa fa-print",					
				        type: "",
                        text: "tisk",
					    hint: "vytisknout objednávky ...",
                        onClick: function() {
						    console.log('tisk');  

                            $d = $StatDatum.getDate()+'.'+($StatDatum.getMonth()+1) +'.'+$StatDatum.getFullYear();                            
						    window.open("AjaxJidPrintStat.php?datum="+$d,"_blank");                        
                        }
                    }   
		        },
                {                    
                    location: "before",
                    widget: "dxDateBox",				
                    options: {
                        width: 130,
                        type: "date",
                        value: $StatDatum,
                        onValueChanged: function(data) {
                            $d = data.value.getDate()+'.'+(data.value.getMonth()+1) +'.'+data.value.getFullYear();
                            console.log($d);
                            JidStatDataRead($d);
                            $StatDatum = data.value;
                        }
                    }   
                }                

            )
        },
        columns: [
            { dataField: "DATUM", caption: "datum", width: 100 },                        
            { dataField: "JMENO", caption: "strávník", width: 300 },            
            { dataField: "PORADI", caption: "pořadí", width: 70 },                        
            { dataField: "JIDLO", caption: "jídlo" },
            { dataField: "MRAZENE",
              caption: "chlazené",
              width: 125,
                lookup: {
                    dataSource: strMrazene,
                    displayExpr: "STR_MRAZENE",
                    valueExpr: "ID_MRAZENE"
                    }
                },

            { dataField: "KS", caption: "ks", width: 70 }            
        ]        
    });   

    $("#GridStatCelkem").dxDataGrid({
        dataSource: $Statistika,
        showBorders: true,
        showRowLines: true,
        showColumnLines: false,
        scrolling: { mode: "virtual" },        
        "export": {  enabled: true, fileName: "Objednávky" },           
        columns: [
            { dataField: "DATUM", caption: "datum", width: 100 },                        
            { dataField: "PORADI", caption: "pořadí", width: 70 },                        
            { dataField: "JIDLO", caption: "jídlo" },
            { dataField: "MRAZENE",
              caption: "chlazené",
              width: 125,
                lookup: {
                    dataSource: strMrazene,
                    displayExpr: "STR_MRAZENE",
                    valueExpr: "ID_MRAZENE"
                    }
                },

            { dataField: "KS", caption: "ks", width: 70 }            
        ]        
    });     

}

function JidStatFrm() {
    console.log("StatFrm loading");    
    window.LiveTab = 0;
    window.GetDate = 0;

        $.ajax({
            url:  "frm-jidelna-stat.php",
            dataType: "html",
            success: function(result) { 
                document.getElementById("MainPlace").innerHTML = result;                                   
                console.log("SouhrnFrm frm loaded");                                  
                var d = new Date();
                $d = d.getDate()+'.'+(d.getMonth()+1) +'.'+d.getFullYear();                
                JidStatDataRead($d);
                JidStatPrepareUI();    
                prepareMenuListener();
                document.getElementById("MenuDashboardSubmenu").innerHTML = 'Jídelna: '+strJidelna;     
            } // success

        });

}