diff -r 2991acd35cdb -r 9dfefad3ae1d www/js/log_co2pressure.js --- a/www/js/log_co2pressure.js Sat Oct 19 12:17:29 2019 +0200 +++ b/www/js/log_co2pressure.js Sat Oct 19 13:54:38 2019 +0200 @@ -21,121 +21,107 @@ *****************************************************************************/ -$(document).ready(function () { - - $('#jqxMenu').jqxMenu('destroy'); +$(document).ready(function() { - $("#jqxLoader").jqxLoader({ - width: 250, - height: 150, - isModal: true, - text: "Opmaken grafiek ...", - theme: theme - }); - $('#jqxLoader').jqxLoader('open'); + $('#jqxMenu').jqxMenu('destroy'); + $('#jqxLoader').jqxLoader({ + width: 250, + height: 150, + isModal: true, + text: 'Opmaken grafiek ...', + theme: theme + }); + $('#jqxLoader').jqxLoader('open'); - function getExportServer() { - return "https://www.jqwidgets.com/export_server/export.php"; - } + function getExportServer() { + return 'https://www.jqwidgets.com/export_server/export.php'; + } - var sourceA = { - datatype: "json", - datafields: [ - { name: "date", type: "date", format: "yyyy-MM-dd HH:mm" }, - { name: "temperature", type: "float" }, - { name: "pressure", type: "float" }, - { name: "uuid", type: "string" } - ], - url: 'getco2pressurelog.php?code=' + my_code + '&name=' + my_name - }, - dataAdapter = new $.jqx.dataAdapter(sourceA, { - autoBind: true, - async: false, - loadComplete: function () { - $('#jqxLoader').jqxLoader('close'); - }, - loadError: function (jqXHR, status, error) { - } - }), - settings = { - title: my_code + ' "' + my_name + '"', - description: "", - source: dataAdapter, - xAxis: { - dataField: 'date', - type: 'date', - formatFunction: function (value) { - return value.getDate() + '-' + (value.getMonth() + 1) + '-' + value.getFullYear(); - }, - toolTipFormatFunction: function (value) { - var h = value.getHours(), - m = value.getMinutes(); - return value.getDate() + '-' + (value.getMonth() + 1) + '-' + value.getFullYear() - + ' ' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m); - }, - textRotationAngle: 45, - howGridLines: false - }, - colorScheme: 'scheme01', - seriesGroups: [ - { - type: "area", - valueAxis: { - minValue: 0, - displayValueAxis: false, - description: "Druk in bar" - }, - series: [ - { dataField: "pressure", lineWidth: 1, displayText: "Druk", opacity: 0.4 } - ] - }, - { - type: 'spline', - valueAxis: { - minValue: 0, - description: 'Graden C' - }, - series: [ - { dataField: "temperature", lineWidth: 1, displayText: "Temperatuur" } - ] - } - ] - }; - $("#pressure_chart").jqxChart(settings); + var sourceA = { + datatype: 'json', + datafields: [ + { name: 'date', type: 'date', format: 'yyyy-MM-dd HH:mm' }, + { name: 'temperature', type: 'float' }, + { name: 'pressure', type: 'float' }, + { name: 'uuid', type: 'string' } + ], + url: 'getco2pressurelog.php?code=' + my_code + '&name=' + my_name + }, + dataAdapter = new $.jqx.dataAdapter(sourceA, { + autoBind: true, + async: false, + loadComplete: function() { + $('#jqxLoader').jqxLoader('close'); + }, + loadError: function(jqXHR, status, error) { + } + }), + settings = { + title: my_code + ' "' + my_name + '"', + description: '', + source: dataAdapter, + xAxis: { + dataField: 'date', + type: 'date', + formatFunction: function(value) { + return value.getDate() + '-' + (value.getMonth() + 1) + '-' + value.getFullYear(); + }, + toolTipFormatFunction: function(value) { + var h = value.getHours(), m = value.getMinutes(); + return value.getDate() + '-' + (value.getMonth() + 1) + '-' + value.getFullYear() + + ' ' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m); + }, + textRotationAngle: 45, + howGridLines: false + }, + colorScheme: 'scheme01', + seriesGroups: [ + { + type: 'area', + valueAxis: { minValue: 0, displayValueAxis: false, description: 'Druk in bar' }, + series: [{ dataField: 'pressure', lineWidth: 1, displayText: 'Druk', opacity: 0.4 }] + }, + { + type: 'spline', + valueAxis: { minValue: 0, description: 'Graden C' }, + series: [{ dataField: 'temperature', lineWidth: 1, displayText: 'Temperatuur' }] + } + ] + }; + $('#pressure_chart').jqxChart(settings); - $("#print").click(function () { - var content = $("#pressure_chart")[0].outerHTML, - newWindow = window.open("", "", "width=865, height=425"), - document = newWindow.document.open(), - pageContent = - '' + - '' + - '' + - '' + - '' + - '' + my_code + ' ' + my_name + ' hergisting' + - '' + - '' + content + ''; - document.write(pageContent); - document.close(); - newWindow.print(); - }); - $("#print").jqxButton({ template: "primary", width: 125, theme: theme }); + $('#print').click(function() { + var content = $('#pressure_chart')[0].outerHTML, + newWindow = window.open('', '', 'width=865, height=425'), + document = newWindow.document.open(), + pageContent = + '' + + '' + + '' + + '' + + '' + + '' + my_code + ' ' + my_name + ' hergisting' + + '' + + '' + content + ''; + document.write(pageContent); + document.close(); + newWindow.print(); + }); + $('#print').jqxButton({ template: 'primary', width: 125, theme: theme }); - - $("#pdfButton").click(function () { - $("#pressure_chart").jqxChart("saveAsPDF", "hergisting_"+my_code+".pdf", getExportServer()); - }); - $("#pdfButton").jqxButton({ template: "primary", width: 125, theme: theme }); + $('#pdfButton').click(function() { + $('#pressure_chart').jqxChart('saveAsPDF', 'hergisting_' + my_code + '.pdf', getExportServer()); + }); + $('#pdfButton').jqxButton({ template: 'primary', width: 125, theme: theme }); - $("#pngButton").click(function () { - $("#pressure_chart").jqxChart("saveAsPNG", "hergisting_"+my_code+".png", getExportServer()); - }); - $("#pngButton").jqxButton({ template: "primary", width: 125, theme: theme }); + $('#pngButton').click(function() { + $('#pressure_chart').jqxChart('saveAsPNG', 'hergisting_' + my_code + '.png', getExportServer()); + }); + $('#pngButton').jqxButton({ template: 'primary', width: 125, theme: theme }); - $("#Close").jqxButton({ template: "success", width: 125, theme: theme }); - $("#Close").click(function () { - window.close(); - }); + $('#Close').jqxButton({ template: 'success', width: 125, theme: theme }); + $('#Close').click(function() { + window.close(); + }); });