text: import $ from 'jquery';
  import * as Site from 'Site';
  
  $(document).ready(function($) {
    Site.run();
  });
  
  // ScoreChart
  // ------------------------------
  (function() {
    var scoreChart = function(id, labelList, series1List, series2List) {
      var scoreChart = new Chartist.Line('#' + id, {
        labels: labelList,
        series: [series1List, series2List]
      }, {
        lineSmooth: Chartist.Interpolation.simple({
          divisor: 2
        }),
        fullWidth: true,
        chartPadding: {
          right: 25
        },
        series: {
          "series-1": {
            showArea: true
          },
          "series-2": {
            showArea: true
          }
        },
        axisX: {
          showGrid: false
        },
        axisY: {
          labelInterpolationFnc: function(value) {
            return (value / 1000) + 'K'
          },
          scaleMinSpace: 40
        },
        plugins: [
          Chartist.plugins.tooltip()
        ],
        low: 0,
        height: 300
      });
  
      scoreChart.on('created', function(data) {
        var defs = data.svg.querySelector('defs') || data.svg.elem('defs');
        var width = data.svg.width();
        var height = data.svg.height();
  
        var filter = defs
          .elem('filter', {
            x: 0,
            y: "-10%",
            id: 'shadow' + id
          }, '', true);
  
        filter.elem('feGaussianBlur', { in: "SourceAlpha",
          stdDeviation: "8",
          result: 'offsetBlur'
        });
        filter.elem('feOffset', {
          dx: "0",
          dy: "10"
        });
  
        filter.elem('feBlend', { in: "SourceGraphic",
          mode: "multiply"
        });
  
        return defs;
      }).on('draw', function(data) {
        if (data.type === 'line') {
          data.element.attr({
            filter: 'url(#shadow' + id + ')'
          });
  
        } else if (data.type === 'point') {
  
          var parent = new Chartist.Svg(data.element._node.parentNode);
          parent.elem('line', {
            x1: data.x,
            y1: data.y,
            x2: data.x + 0.01,
            y2: data.y,
            "class": 'ct-point-content'
          });
        }
        if (data.type === 'line' || data.type == 'area') {
          data.element.animate({
            d: {
              begin: 1000 * data.index,
              dur: 1000,
              from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
              to: data.path.clone().stringify(),
              easing: Chartist.Svg.Easing.easeOutQuint
            }
          });
        }
      });
    }
  
    var DayLabelList = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th"];
    var DaySeries1List = {
      name: "series-1",
      data: [2400, 4500, 5000, 6100, 7700, 5000, 1700]
    };
    var DaySeries2List = {
      name: "series-2",
      data: [1300, 4100, 8000, 4000, 6600, 5600, 3800]
    };
  
    var WeekLabelList = ["W1", "W2", "W4", "W5", "W6", "W7", "W8"];
    var WeekSeries1List = {
      name: "series-1",
      data: [18000, 37000, 41000, 29000, 58000, 75000, 43000]
    };
    var WeekSeries2List = {
      name: "series-2",
      data: [30000, 20000, 43000, 68000, 72000, 53000, 66000]
    };
  
    var MonthLabelList = ["AUG", "SEP", "OTC", "NOV", "DEC", "JAN", "FEB"];
    var MonthSeries1List = {
      name: "series-1",
      data: [100000, 500000, 300000, 700000, 100000, 200000, 700000]
    };
    var MonthSeries2List = {
      name: "series-2",
      data: [300000, 400000, 200000, 600000, 800000, 600000, 300000]
    };
  
    var createChart = function(button) {
      var btn = button || $("#ecommerceChartView .chart-action").find(".active");
  
      var chartId = btn.attr("href");
      switch (chartId) {
        case "#scoreLineToDay":
          scoreChart("scoreLineToDay", DayLabelList, DaySeries1List, DaySeries2List);
          break;
        case "#scoreLineToWeek":
          scoreChart("scoreLineToWeek", WeekLabelList, WeekSeries1List, WeekSeries2List);
          break;
        case "#scoreLineToMonth":
          scoreChart("scoreLineToMonth", MonthLabelList, MonthSeries1List, MonthSeries2List);
          break;
      }
    };
  
    createChart();
    $(".chart-action li a").on("click", function() {
      createChart($(this));
    });
  
  })();
  
  // barChart
  // ------------------------------
  (function() {
    var barChart = new Chartist.Bar('.barChart', {
      labels: ['JAN', 'FEB', 'MAR', 'APR', 'MAY'],
      series: [
        [630, 700, 500, 400, 780],
        [400, 800, 700, 500, 700]
      ]
    }, {
      axisX: {
        showGrid: false
      },
      axisY: {
        showGrid: false,
        scaleMinSpace: 30
      },
      height: 220,
      seriesBarDistance: 24
    });
  
    barChart.on('draw', function(data) {
      if (data.type === 'bar') {
  
        // $("#ecommerceRevenue .ct-labels").attr('transform', 'translate(0 15)');
        var parent = new Chartist.Svg(data.element._node.parentNode);
        parent.elem('line', {
          x1: data.x1,
          x2: data.x2,
          y1: data.y2,
          y2: 0,
          "class": 'ct-bar-fill'
        });
      }
    });
  })();
  