index.html

---
layout: page
---
<div id="dashboard-container" class="container-fluid">
  <div class="row">
    <div id="buttons" class="col-md-12 text-right" style="margin-bottom:10px;"></div>
    <div class="col-md-12">
      <table id="dashboard" class="table table-striped table-bordered nowrap" cellspacing="0" width="100%">
      </table>
    </div>
  </div>
</div>
<script>
$(function() {
  // *** onload ***

  // build dashboard
  var dashboard = $('#dashboard').DataTable({
    initComplete: function(settings, json) {
      // add print, excel, column visibility buttons
      $("#dashboard").DataTable().buttons().container().appendTo( $('#buttons'));
      
      // required due to incompatiblity with fixedcolumns and scroller extensions
      setTimeout(function() {$("#dashboard").DataTable().columns.adjust().draw(); }, 10);
    },
    ajax: function(data, callback, settings) {
      // load the data -- for testing use: $.getJSON("{{ site.baseurl }}/test-data/sample-event-scores.json", function(teamData) {
      $('.loaderImage').show();

      ParadoxScout.getEventScoutingData(null, function(teamData, error) {
        
        $('.loaderImage').hide();

        if(error) {
          AppUtility.showErrorMsg("An error occurred!", error);
        }
        else {
          callback({
            data: teamData, 
            destroy: true,
            initComplete: function(settings, json) {
              setTimeout(function() {$("#dashboard").DataTable().columns.adjust().draw(); }, 500);
            }
          });
        }
      });
    },
    // responsive: true,
    // pageLength: 25,
    paging: false,
    scrollY:550,
    scrollX:true,
    scrollCollapse: true,
    fixedColumns: true,
    colReorder: {
        fixedColumnsLeft: 1
    },
    order: app_dashboard_config.order,//[[ 1, "asc" ], [3, "desc"], [10, "desc"]], // default sort set to total_points | desc 
    buttons: [ { extend: 'colvis', title: 'Columns' },'print', { extend: 'excel', title: 'Excel' } ],
    columns: [
      { title: 'Team', data: 'team_number', 
        render: function(data,type,full,meta) { 
          if (type === 'display') {
            return '<span><a style="color:#ccc;font-weight:bold;" href="{{ site.baseurl }}/team-details?team_id=' + full.team_key + '">' + full.team_name + '</a></span><br>' +
              '<span>' +
              '<a style="color:#D59E2A;" href="{{ site.baseurl }}/scouting-reports?team_id=' + full.team_key + '"><i class="fa fa-files-o"> View Reports</i></a></span>' 
          }
          else {
            return data;
          }
        } 
      }
  ].concat(app_dashboard_config.cols),

    'columnDefs': [{
      'defaultContent': '-',
      'targets': '_all'
    }]
  });

  // make column header sticky
  //new $.fn.dataTable.FixedHeader(dashboard, { headerOffset: $('#main-menu').height() });

  // look for updated event scores every 30 sec.
  setInterval( function () {
    dashboard.ajax.reload( null, false ); // user paging is not reset on reload
  }, 30000 );

});
</script>