"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: {
            line: {
              tension: 0.05
            }
          }
        }
      });
    } 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() - 30m 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) {
      // 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;
    }
    results['results'][0]['series'].forEach(function(serie) {
      // 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(58,125,48,200)', 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(84,84,142,225)', 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: true,
            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
          }
        }
      }
    });
  });
}


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() - 30m 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(58,125,48,200)', 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(84,84,142,225)', 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: {
          line: {
            tension: 0
          }
        }

      }
    });
  });
}


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;
  }
}