BathHacked/energy-sparks

"use strict";

$(document).ready(function() {
  $('#school-selector').on('change', function (e) {
    var tab = $(e.target);
    var pane  = $('#school-selector');
    var url = pane.data('content-url');
    var form = pane.parents('form');
    var schoolSlug = $('#school-selector').val()
    var data = form.find("[name!='_method']").serialize();
    $.ajax({
      method: 'POST',
      url: url + '&school_slug=' + schoolSlug,
      data: data,
      error: function(jqXHR, textStatus, errorThrown){
        pane.find('.loading').hide();
        pane.find('.content').html('<div class="alert alert-danger">Preview failed</div>');
      },
      success: function(data, textStatus, jqXHR){
        pane.find('.loading').hide();
        pane.find('.content').html(data);
        var chartConfig = $("div.analysis-chart").data('chart-config');
        chartConfig.jsonUrl = `/schools/${schoolSlug}/chart.json`
        chartConfig.annotations = `/schools/${schoolSlug}/annotations`
        processAnalysisCharts();
      }
    });
  });

  $('a.preview-tab[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    var tab = $(e.target);
    var pane  = $(tab.attr('href'));
    var url = pane.data('content-url');
    var form = pane.parents('form');
    var data = form.find("[name!='_method']").serialize();

    $.ajax({
      method: 'POST',
      url: url,
      data: data,
      error: function(jqXHR, textStatus, errorThrown){
        pane.find('.loading').hide();
        pane.find('.content').html('<div class="alert alert-danger">Preview failed</div>');
      },
      success: function(data, textStatus, jqXHR){
        pane.find('.loading').hide();
        pane.find('.content').html(data);
        document.getElementById('school-selector').classList.remove("d-none")
        processAnalysisCharts();
      }
    });
  });

  $('a.preview-tab[data-toggle="tab"]').on('hidden.bs.tab', function (e) {
    var tab = $(e.target);
    var pane  = $(tab.attr('href'));
    pane.find('.loading').show();
    pane.find('.content').html('');
    document.getElementById('school-selector').classList.add("d-none")
  });

  $('.content-section .tab-pane:has(.is-invalid)').each(function(){
    var tab_pane = $(this);
    var tab = $('#' + tab_pane.attr('aria-labelledby'));
    tab.find('.text-danger').removeClass('d-none');
  });

  $('#management-energy-overview').on('show.bs.tab', function (e) {
    // Find the chart by matching the class
    var chart = $('.' + e.target.hash.replace('#','') + '-analysis-chart');
    // Only re/load chart if autoload chart is false (first tab is true)
    if (chart.data('autoload-chart') === false) {
      chart.data('autoload-chart', true);
      var chartConfig = chart.data('chart-config');
      processAnalysisChart(chart[0], chartConfig);
      setupAnalysisControls(chart[0], chartConfig);
      setupAxisControls(chart[0], chartConfig);
    }
  });
});