// Prepare all data to plot the charts
import * as utils from '../utilities/chartoptions.js'

/**********************************************
 * Live-Data
 * *
 * @param params
 * @param values
 * @returns {{options: {plotOptions: {series: {marker: {enabled: boolean}, turboThreshold: number, animation: boolean}}, xAxis: {gridLineWidth: number, type: string, title: {text: string}, labels: {formatter: function(): (string|*)}}, legend: {layout: string, borderWidth: number, align: string, enabled: boolean}, subtitle: {align: string}, tooltip: {backgroundColor: number, valueDecimals: number, borderRadius: number, useHTML: boolean, borderWidth: number}, title: {useHTML: boolean, style: {fontSize: string}, align: string}, chart: {backgroundColor: {linearGradient: number[], stops: [[number,string],[number,string]]}, spacingTop: number, borderWidth: string, spacingLeft: number, type: string, spacingRight: number, events: {selection: function(*): void}, height: number}}, params}}
 *
 ***********************************************/
export const liveData = (params, values) => {
    let series1 = []
    let series2 = []
    let series3 = []

    // save the current (actual) values here
    let aktVal = {}


    // Put values into the arrays
    let cnt = 0
    values.forEach((x) => {
        let dat = new Date(x.datetime).getTime()
        series1.push([dat, x.noise_LAeq])
        series2.push([dat, x.noise_LA_max])
        series3.push([dat, x.noise_LA_min])			// put data and value into series array
    })

    if (values.length != 0) {
        const lastidx = values.length - 1
        // Aktuelle Werte speichern
        aktVal['LAeq'] = values[lastidx].noise_LAeq
        aktVal['LAMax'] = values[lastidx].noise_LA_max
        aktVal['LAMin'] = values[lastidx].noise_LA_min

        // InfoTafel füllen
        let infoTafel =
            '<table class="infoTafel"><tr >' +
            '<th colspan="3">Aktuelle Werte</th>' +
            '</tr><tr>' +
            '<td>LAeq</td><td>' + (aktVal.LAeq).toFixed(1) + '</td><td>dbA</td>'
        infoTafel +=
            '</tr><tr>' +
            '<td>LAmin</td><td>' + (aktVal.LAMin).toFixed(0) + '</td><td>dbA</td>'
        infoTafel +=
            '</tr><tr>' +
            '<td>LAmax</td><td>' + (aktVal.LAMax).toFixed(0) + '</td><td>dbA</td>'
        infoTafel +=
            '</tr></table>' +
            '</div>'
    }
    let txtMeldung = false


    // Plot-Options
    let options = utils.createGlobObtions('dd.LL  HH:mm:ss')

    let series_LAeq = {
        name: 'LAeq',
        data: series1,
        color: utils.colors.eq,
        yAxis: 0,
        zIndex: 1,
        marker: {
            enabled: false,
            symbol: 'square',
        },
        visible: true,
        fillColor: {
            linearGradient: [0, 600, 0, 0],
            stops: [
                [0, 'rgb(238,223,236)'],
                [1, 'rgb(238,223,236)']
            ]
        },
    }

    let series_LAMax = {
        name: 'LAmax',
        data: series2,
        color: utils.colors.max,
        yAxis: 0,
        zIndex: 0,
        marker: {
            enabled: false,
            symbol: 'square',
        },
        visible: true,
        fillColor: {
            linearGradient: [0, 600, 0, 0],
            stops: [
                [0, 'rgb(255,233,236)'],
                [1, 'rgb(255,233,236)']
            ]
        },
//            fillOpacity: 0.2,
    }

    let series_LAMin = {
        name: 'LAmin',
        data: series3,
        color: utils.colors.min,
        yAxis: 0,
        zIndex: 6,
        marker: {
            enabled: false,
            symbol: 'square',
        },
        visible: true,
        fillColor: {
            linearGradient: [0, 600, 0, 0],
            stops: [
                [0, 'rgb(219,216,217)'],
                [1, 'rgb(219,216,217)']
            ]
        },
    }

    let yAxis_LAeq = {													// 1
        title: {
            text: 'dbA',
            style: {
                color: 'black'
            }
        },
        max: utils.noise_ymax,
//        min: utils.noise_ymin,
        min: 20,
//            opposite: true,
        tickAmount: 11,
        useHTML: true,
    }

    options.series = []
    options.yAxis = []
    options.series[0] = series_LAeq
    options.series[1] = series_LAMin
    options.title.text = 'Noise levels last 24 hours'
    options.subtitle.useHTML = true
    options.subtitle.text = '2.5min log. average values <br /> &nbsp'
    options.series[2] = series_LAMax
//        options.yAxis[2] = yAxis_LAMin
    options.yAxis[0] = yAxis_LAeq
//        options.yAxis[1] = yAxis_LAMax
    options.chart.zoomType = 'x'
    options.chart.type = 'area'
    options.chart.resetZoomButton=  {
        position: {
            align: 'left',
            verticalAlign: 'bottom',
            x: 20,
            y: -50,
        },
        relativeTo: 'chart'
    }

        // options.tooltip.formatter =  function () {
        //     let y = Math.round(this.y * 100) / 100
        //     return '<div style="border: 2px solid ' + this.point.color + '; padding: 3px;">' +
        //         DateTime.fromMillis(this.x, {zone: 'utc'}).toFormat("dd.LL - HH:mm:ss") + '<br />' +
        //         '<span style="color: ' + this.point.color + '">&#9679;&nbsp;</span>' +
        //         this.series.name + ':&nbsp; <b>' + y + '</b></div>'
        // }


    let noDataTafel = '<div class="errTafel">' +
        'Für heute liegen leider keine Daten vor!<br /> Bitte den Sensor überprüfen!\' <br />' +
        '</div>'


    let navy = 20
    let navbreit = 55
    let navtxt = ['-24h', '-12h', 'live', '+12h', '+24h']
    let navtime = [-24, -12, 0, 12, 24]

    return { options: options, params: params}
}


/********************************************
 * havg - Data
 *
 * @param params
 * @param values
 * @returns {{options: {plotOptions: {series: {marker: {enabled: boolean}, turboThreshold: number, animation: boolean}}, xAxis: {gridLineWidth: number, type: string, title: {text: string}, labels: {formatter: function(): (string|*)}}, legend: {layout: string, borderWidth: number, align: string, enabled: boolean}, subtitle: {align: string}, tooltip: {backgroundColor: number, valueDecimals: number, borderRadius: number, useHTML: boolean, borderWidth: number}, title: {useHTML: boolean, style: {fontSize: string}, align: string}, chart: {backgroundColor: {linearGradient: number[], stops: [[number,string],[number,string]]}, spacingTop: number, borderWidth: string, spacingLeft: number, type: string, spacingRight: number, events: {selection: function(*): void}, height: number}}, params, options2: any}}
 *
 ********************************************/
export const havgData = (params, values) => {
    let series1 = []
    let series2 = []
    // Put values into the serieses
    let cnt = 0
    values.forEach((x) => {
        if (x.n_AVG != -1) {
            let dat = new Date(x.datetime).getTime()	// retrieve the date
            series1.push([dat, x.n_AVG])
            series2.push([dat, x.peakcount])
        }
    })

    // Plot-Options
    let options = utils.createGlobObtions()
    options.xAxis.tickInterval = 6 * 3600 * 1000
//    options.xAxis.plotBands =  utils.calcWeekends(data, true)
    options.xAxis.minTickInterval =  3600 * 1000

    options.yAxis = [
        {
            title: {
                text: 'dbA',
                useHTML: true,
            },
            min: utils.noise_ymin,
            tickAmount: 10,
            gridLineColor: 'lightgray'
        }, {
            title: {
                text: 'Counts',
                useHTML: true,
            },
            tickAmount: 10,
            allowDecimals: false,
            gridLineColor: 'lightgray',
            opposite: true
        }
        ]
    options.series =  [
        {
            name: 'Mean value LAeq',
            data: series1,
            color: utils.colors.eq,
            type: 'column',
            zIndex: 2,
            yAxis: 0
        }, {
            name: 'Peaks',
            data: series2,
            color: utils.colors.peaks,
            type: 'column',
            yAxis: 1,
            zIndex: 2
        }
        ]
    // options.plotOptions.column = {
    //     pointWidth: 8,
    //     groupPadding: 0.5
    // }
    options.plotOptions.column = {
        pointWidth: 8,
        groupPadding: 0.1
    }

    options.title.text = 'Hourly mean values / Peaks over ' + params.peak + ' dbA'
    options.subtitle.text =  'Hourly mean values of LAeq for each full hour / Number of peaks per hour'
    options.subtitle.useHTML = true
    options.chart.zoomType = 'x'
    options.chart.resetZoomButton=  {
        position: {
            align: 'left',
            x: 20,
            y: 300,
        },
        relativeTo: 'chart'
    }

    return { options: options, params: params}

}

/********************************************
 * davg - Data
 *
 * @param params
 * @param values
 * @returns {{options: {plotOptions: {series: {marker: {enabled: boolean}, turboThreshold: number, animation: boolean}}, xAxis: {gridLineWidth: number, type: string, title: {text: string}, labels: {formatter: function(): (string|*)}}, legend: {layout: string, borderWidth: number, align: string, enabled: boolean}, subtitle: {align: string}, tooltip: {backgroundColor: number, valueDecimals: number, borderRadius: number, useHTML: boolean, borderWidth: number}, title: {useHTML: boolean, style: {fontSize: string}, align: string}, chart: {backgroundColor: {linearGradient: number[], stops: [[number,string],[number,string]]}, spacingTop: number, borderWidth: string, spacingLeft: number, type: string, spacingRight: number, events: {selection: function(*): void}, height: number}}, params, options2: any}}
 *
 ********************************************/

 export const davgData = (params, values) => {
    let series1 = []
    let series2 = []

    // Put values into the serieses
    let cnt = 0
    values.forEach((x) => {
        if (x.n_AVG != -1) {
            let dat = new Date(x.datetime).getTime()	// retrieve the date
            series1.push([dat, x.n_AVG])
            series2.push([dat, x.peakcount])
        }
    })
    // Plot-Options
    let options = utils.createGlobObtions()
    // options.xAxis.plotBands =  utils.calcWeekends(values, true)
    options.xAxis.tickInterval = 24 * 3600 * 1000
    options.xAxis.title.text = 'Date'
    // options.xAxis.labels = {
    //     formatter: function () {
    //         return this.axis.defaultLabelFormatter.call(this);
    //     }
    // }

    options.chart.type = 'column'

    options.yAxis = [
        {
            title: {
                text: 'dbA',
                useHTML: true,
            },
            min: utils.noise_ymin,
            tickAmount: 10,
            gridLineColor: 'lightgray',
        }, {
            title: {
                text: 'Counts',
                useHTML: true,
            },
            tickAmount: 10,
            allowDecimals: false,
            gridLineColor: 'lightgray',
            opposite: true
        }
    ]

    options.series = [
        {
            name: 'Mean value LAeq',
            data: series1,
            color: utils.colors.eq,
            type: 'column',
            zIndex: 2,
            yAxis: 0
        },{
            name: 'Peaks',
            data: series2,
            color: utils.colors.peaks,
            type: 'column',
            yAxis: 1,
            zIndex: 2,
        }
    ]
    options.plotOptions.column = {
        pointWidth: 20,
        groupPadding: 0.1
    }
    options.title.text = 'Daily mean values / Peaks over ' + params.peak + ' dbA'
    options.subtitle.text = 'Daily mean values of LAeq for each full day / Number of peaks per day'
    options.subtitle.useHTML = true
    options.chart.zoomType = 'x'
    options.chart.resetZoomButton = {
        position: {
            align: 'left',
//				verticalAlign: 'bottom',
            x: 20,
            y: 300,
        },
        relativeTo: 'chart'
    }

    return {options: options, params: params}

}

/********************************************
 * dayNight - Data
 *
 * @param params
 * @param values
 * @returns {{options: {plotOptions: {series: {marker: {enabled: boolean}, turboThreshold: number, animation: boolean}}, xAxis: {gridLineWidth: number, type: string, title: {text: string}, labels: {formatter: function(): (string|*)}}, legend: {layout: string, borderWidth: number, align: string, enabled: boolean}, subtitle: {align: string}, tooltip: {backgroundColor: number, valueDecimals: number, borderRadius: number, useHTML: boolean, borderWidth: number}, title: {useHTML: boolean, style: {fontSize: string}, align: string}, chart: {backgroundColor: {linearGradient: number[], stops: [[number,string],[number,string]]}, spacingTop: number, borderWidth: string, spacingLeft: number, type: string, spacingRight: number, events: {selection: function(*): void}, height: number}}, params}}
 *
 ********************************************/
export const dayNightData = (params, values) => {

    let series1 = []
    let series2 = []
    // Put values into the serieses
    let cnt = 0
    values.forEach((x) => {
        if (x.n_dayAVG > 0) {
            let dat = new Date(x.datetime).getTime()	// retrieve the date
            series1.push([dat, x.n_dayAVG])
            series2.push([dat, x.n_nightAVG])
        }
    })
    // Plot-Options
    let options = utils.createGlobObtions()
//    options.xAxis.plotBands =  utils.calcWeekends(data, true)
    options.xAxis.tickInterval = 24 * 3600 * 1000
    options.xAxis.title.text = 'Date'
    // options.xAxis.labels = {
    //     formatter: function () {
    //         return this.axis.defaultLabelFormatter.call(this);
    //     }
    // }

    options.chart.type = 'column'
    options.yAxis = {
        title: {
            text: 'dbA',
            useHTML: true,
        },
        min: utils.noise_ymin,
        tickAmount: 10,
        gridLineColor: 'lightgray',
    }
    options.series = [
        {
            name: 'Day',
            data: series1,
            color: utils.colors.eq,
            type: 'column',
            zIndex: 2,
        },
        {
            name: 'Night',
            data: series2,
            color: utils.colors.max,
            type: 'column',
            zIndex: 2,
        },
    ]
    options.plotOptions.series = {
        animation: false
    }
    options.plotOptions.column = {
        pointWidth: 20,
        groupPadding: 0.3
    }
    options.title.text = 'Average values during the day and night hours'
    options.subtitle.text = 'Daily mean values of LAeq from 6h00 to 22h00 <br /> Nightly mean values of LAeq from 22h00 to 6h00'
    options.subtitle.useHTML = true
    options.chart.zoomType = 'x'
    options.chart.resetZoomButton = {
        position: {
            align: 'left',
//				verticalAlign: 'bottom',
            x: 20,
            y: 300,
        },
        relativeTo: 'chart'
    }
    return {options: options, params: params}
}

/***********************************
 Lden - Data
 *
 * @param params
 * @param values
 * @returns {{options: {plotOptions: {series: {marker: {enabled: boolean}, turboThreshold: number, animation: boolean}}, xAxis: {gridLineWidth: number, type: string, title: {text: string}, labels: {formatter: function(): (string|*)}}, legend: {layout: string, borderWidth: number, align: string, enabled: boolean}, subtitle: {align: string}, tooltip: {backgroundColor: number, valueDecimals: number, borderRadius: number, useHTML: boolean, borderWidth: number}, title: {useHTML: boolean, style: {fontSize: string}, align: string}, chart: {backgroundColor: {linearGradient: number[], stops: [[number,string],[number,string]]}, spacingTop: number, borderWidth: string, spacingLeft: number, type: string, spacingRight: number, events: {selection: function(*): void}, height: number}}, params}}
 **********************************/
export const ldenData = (params, values) => {

    let series1 = []

    // Put values into the series
    let cnt = 0
    values.forEach((x) => {
    if (!((x.lden === -1) || (x.datetime === undefined))) {
        let dat = new Date(x.datetime).getTime()	// retrieve the date
        series1.push([dat, x.lden])
    }
    })
    // Plot-Options
    let options = utils.createGlobObtions()

//    options.xAxis.plotBands = utils.calcWeekends(data, true)
    options.xAxis.tickInterval = 24 * 3600 * 1000
    options.xAxis.title = 'Date'
    options.xAxis.labels = {
        formatter: function () {
            let lbl = this.axis.defaultLabelFormatter.call(this);
            this.value += 86400000;
            let lbl1 = this.axis.defaultLabelFormatter.call(this);
            return parseInt(lbl) + '/' + lbl1;
        }
    }
    options.chart.type = 'column'
    options.yAxis = {
        title: {
            text: 'dbA',
            useHTML: true,
        },
        min: utils.noise_ymin,
        tickAmount: 10,
        gridLineColor: 'lightgray',
    }
    options.series = [
        {
            name: 'lden',
            data: series1,
            color: utils.colors.eq,
            type: 'column',
            zIndex: 2,
        }
    ]
    options.plotOptions.series = {
        animation: false
    }
    options.plotOptions.column = {
        pointWidth: 20,
        groupPadding: 0.1
    }
    options.title.text = 'L<sub>DEN</sub>-Index'
    options.subtitle.text = 'Daily mean values of L<sub>DEN</sub>\-Index'
    options.subtitle.useHTML = true
    options.chart.zoomType = 'x'
    options.chart.resetZoomButton = {
        position: {
            align: 'left',
//				verticalAlign: 'bottom',
            x: 20,
            y: 300,
        },
        relativeTo: 'chart'
    }
/*    options.tooltip.formatter = function () {
        let d = DateTime.fromMillis(this.x, {zone: 'utc'})
        let d1 = d.plus({days: 1})
        let txt = d.toFormat('dd') + '/' + d1.toFormat('dd.LL')
        return '<div style="border: 2px solid ' + this.point.color + '; padding: 3px;">' +
            '&nbsp;&nbsp;' + txt + '<br />' +
            '<span style="color: ' + this.point.color + '">&#9679;&nbsp;</span>' +
            this.series.name + ':&nbsp; <b>' +
            Highcharts.numberFormat(this.y, 1) +
            '</b></div>';
    }

 */
    return {options: options, params: params}
}