"use strict";

function setNightModeChart(night) {
  if(night) {
    Chart.defaults.global.defaultFontColor = "#fff";
    Chart.defaults.scale.gridLines.color = "#444"
  }
  else {
    Chart.defaults.global.defaultFontColor = "#222";
    Chart.defaults.scale.gridLines.color = "#ddd"
  }
}

function drawLatency(canvas, sw, chart, callback) {
  var q = encodeURIComponent('SELECT mean("latency") AS "mean_latency" FROM "ping" WHERE time > now() - 1h AND "switch"=\''+sw+'\' GROUP BY time(60s), "version" fill(null)');
  var dataset = [];
  
  $.getJSON( "/query?db=gondul&q="+q, function( results ) {
    try {
      results['results'][0]['series'].forEach(function(serie) {
        var data = [];
        serie['values'].forEach(function(element) {
          data.push({t: new Date(element[0]), y: element[1]});
        });
        var borderColor = "rgba(0,155,200,255)";
        if(serie['tags']['version'] === "v6") {
          borderColor = "rgba(100,155,100,255)";
        }
        dataset.push({data: data, fill:false, borderColor:borderColor, label:serie['tags']['version'] });
      });
      if(chart != false) {
        chart.data.datasets = dataset;
        chart.update();
        return;
      }
      var ctx = document.getElementById(canvas).getContext('2d');
      var myChart = new Chart(ctx, {
        type: 'line',
        data: {
          datasets: dataset
        },
        options: {
          legend: {
            display: false
          },
          scales: {
            xAxes:[{
              type: 'time',
              time: {
                parser: "HH:mm",
                unit: 'minute',
                tooltipFormat: 'HH:mm',
                displayFormats: {
                  'minute': 'HH:mm',
                  'hour': 'HH:mm',
                  min: '00:00',
                  max: '23:59'
                },
              }
            }],
            yAxes: [{
              ticks: {
                beginAtZero: true
              }
            }]
          },
          responsive: true,
          animation: false,
          elements: {
            point: {
              radius: 0
            },
            line: {
              tension: 0.4
            }
          }
        }
      });
    } catch(e) {
    }
    if(callback != undefined) {
      callback(myChart);
    }
  });
}

function drawSumOfPorts(canvas, sw) {
  var kilobit = 1024;
  var megabit = kilobit * 1024;
  var gigabit = megabit * 1024;
  var terabit = gigabit * 1024;
  
  var q = encodeURIComponent('SELECT non_negative_derivative(first("ifHCInOctets"), 1s) * 8 AS "ifHCInOctets", non_negative_derivative(first("ifHCOutOctets"), 1s) * 8 AS "ifHCOutOctets" FROM "ports" WHERE time > now() - 60m AND "switch"=\'' + sw + '\' GROUP BY time(90s),"interface" fill(null)');
  var dataset = [];
  
  $.getJSON("/query?db=gondul&q=" + q, function (results) {
    var bits_in = {};
    var bits_out = {};
    
    results['results'][0]['series'].forEach(function (serie) {
      serie['values'].forEach(function (element) {
        var time = new Date(element[0]);
        var timeStr = time.toISOString();
        bits_in[timeStr] = (bits_in[timeStr] || 0) + element[1];
        bits_out[timeStr] = (bits_out[timeStr] || 0) + element[2];
      });
    });
    
    var max_bits_in = Math.max(...Object.values(bits_in));
    var max_bits_out = Math.max(...Object.values(bits_out));
    var size = bitToSize(Math.max(max_bits_in, max_bits_out));
    
    var size_divider;
    switch (size) {
      case 0:
      size_divider = 1;
      break;
      case 1:
      size_divider = kilobit;
      break;
      case 2:
      size_divider = megabit;
      break;
      case 3:
      size_divider = gigabit;
      break;
      case 4:
      size_divider = terabit;
      break;
    }
    
    var inData = Object.entries(bits_in).map(([t, y]) => ({ t: new Date(t), y: y / size_divider }));
    var outData = Object.entries(bits_out).map(([t, y]) => ({ t: new Date(t), y: -Math.abs(y / size_divider) }));
    
    dataset.push({ data: inData, backgroundColor: 'rgba(100,155,100,0.8)', label: 'Traffic in (' + sizeToText(size) + ')' });
    dataset.push({ data: outData, backgroundColor: 'rgba(0,155,200,0.8)', label: 'Traffic out (' + sizeToText(size) + ')' });
    
    // Draw the chart
    var ctx = document.getElementById(canvas).getContext('2d');
    var myChart = new Chart(ctx, {
      type: 'line',
      data: {
        datasets: dataset
      },
      options: {
        legend: {
          display: false
        },
        scales: {
          xAxes: [{
            type: 'time',
            time: {
              parser: "HH:mm",
              unit: 'minute',
              tooltipFormat: 'HH:mm',
              displayFormats: {
                'minute': 'HH:mm',
                'hour': 'HH:mm',
                min: '00:00',
                max: '23:59'
              },
            }
          }],
          yAxes: [{
            stacked: false,
            ticks: {
              callback: function (label, index, labels) {
                return Math.abs(label) + ' ' + sizeToText(size);
              }
            },
            scaleLabel: {
              display: true,
              labelString: sw + ' - All ports'
            }
          }]
        },
        responsive: true,
        animation: false,
        elements: {
          point: {
            radius: 0
          },
          line: {
            tension: 0.4
          }
        }
      }
    });
  });
}


function drawPort(canvas, sw, port) {
  
  var kilobit = 1024;
  var megabit = kilobit * 1024;
  var gigabit = megabit * 1024;
  var terabit = gigabit * 1024;
  
  var q = encodeURIComponent('SELECT non_negative_derivative(first("ifHCInOctets"), 1s) * 8 AS "ifHCInOctets", non_negative_derivative(first("ifHCOutOctets"), 1s) * 8 AS "ifHCOutOctets" FROM "ports" WHERE time > now() - 60m AND "switch"=\''+sw+'\' AND "interface"=\''+port+'\' GROUP BY time(30s) fill(null)');
  var dataset = [];
  
  $.getJSON( "/query?db=gondul&q="+q, function( results ) {
    var serie = results['results'][0]['series'][0];
    
    var bits_in = [];
    var bits_out = [];
    
    // Bytes in
    serie['values'].forEach(function(element) {
      bits_in.push(element[1]);
    });
    
    // Bytes out
    serie['values'].forEach(function(element) {
      bits_out.push(element[2]);
    });
    
    var bits_in_size = bitToSize(Math.max.apply( Math, bits_in ));
    var bits_out_size = bitToSize(Math.max.apply( Math, bits_out ));
    var size = 0;
    
    if(bits_in_size >= bits_out_size) {
      size = bits_in_size;
    } else {
      size = bits_out_size;
    }
    
    var size_divider;
    switch (size) {
      case 0:
      size_divider = 1;
      break;
      case 1:
      size_divider = kilobit;
      break;
      case 2:
      size_divider = megabit;
      break;
      case 3:
      size_divider = gigabit;
      break;
      case 4:
      size_divider = terabit;
      break;
    }
    
    // Bytes in
    var data = [];
    serie['values'].forEach(function(element) {
      data.push({t: new Date(element[0]), y: element[1] / size_divider });
    });
    dataset.push({data: data, backgroundColor:'rgba(100,155,100,0.8)', label:'Traffic in (' + sizeToText(size)+')'});
    
    // Bytes out
    data = [];
    serie['values'].forEach(function(element) {
      data.push({t: new Date(element[0]), y: -Math.abs(element[2] / size_divider) });
    });
    dataset.push({data: data, backgroundColor:'rgba(0,155,200,0.8)', label:'Traffic out (' + sizeToText(size)+')'});
    
    
    // Draw the chart
    var ctx = document.getElementById(canvas).getContext('2d');
    var myChart = new Chart(ctx, {
      type: 'line',
      data: {
        datasets: dataset
      },
      options: {
        scales: {
          xAxes:[{
            type: 'time',
            time: {
              parser: "HH:mm",
              unit: 'minute',
              tooltipFormat: 'HH:mm',
              displayFormats: {
                'minute': 'HH:mm',
                'hour': 'HH:mm',
                min: '00:00',
                max: '23:59'
              },
            }
          }],
          yAxes: [{
            ticks: {
              callback: function(label, index, labels) {
                return Math.abs(label)+' '+sizeToText(size);
              }
            },
            scaleLabel: {
              display: true,
              labelString: sw+' - '+port
            }
          }]
        },
        responsive: true,
        animation: false,
        elements: {
          point: {
            radius: 0
          },
          line: {
            tension: 0.3
          }
        }
        
      }
    });
  });
}


function bitToSize(bits) {
  var kilobit = 1024;
  var megabit = kilobit * 1024;
  var gigabit = megabit * 1024;
  var terabit = gigabit * 1024;
  
  if(bits >= 0 && bits < kilobit) {
    return 0;
  }
  else if(bits >= kilobit && bits < megabit){
    return 1;
  }
  else if(bits >= megabit && bits < gigabit){
    return 2;
  }
  else if(bits >= gigabit && bits < terabit){
    return 3;
  }
  else if(bits >= terabit) {
    return 4;
  }
}

function sizeToText(size) {
  switch(size) {
    case 0:
    return 'bit/s';
    break;
    case 1:
    return 'Kb/s';
    break;
    case 2:
    return 'Mb/s';
    break;
    case 3:
    return 'Gb/s';
    break;
    case 4:
    return 'Tb/s';
    break;
  }
}