pit-reports.html

---
layout: page
title: View Team Details
permalink: /pit-reports/
---
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <form id="reportForm" class="form-horizontal">
        <fieldset>

          <div class="row">
            <div class="col-md-12" style="text-align:center;">
              <a id="details-link" style="color:#ccc;font-weight:bold;font-size:18px;" href="/rate-pit"><i class="fa fa-files-o">Pit Scout a Team</i></a>
            </div>
          </div>

          <div class="row">
            <div id="reports" class="col-md-12"></div>
          </div>

        </fieldset>
      </form>
    </div>
  </div>
</div>

<script>
  $(function() {
    ParadoxScout.getPitReports(null, null, null, function (reportSnapshot, prevReportKey) {
      // if nothing returned
      if (!reportSnapshot) return;

      // build <div> for report and then append
      var rpt = reportSnapshot.val();
      rpt.rptKey = reportSnapshot.key;

      var data = { rpt: rpt };

      var htmlReport = [
        '<div id="' + data.rpt.rptKey + '" class="col-sm-12 ps-scouting-report">',
        ' <h4>Team: ' + data.rpt.team_id + '<br>',
        ' <small><span class="fb-ts" data-fb-ts="' + data.rpt.scored_at + '">' + moment(new Date(data.rpt.scored_at)).fromNow() + '</span> by ' + data.rpt.scored_by.name + '</small></h4>',
        buildOverall(data),
        buildColumns(data),
        '</div>',
        '<hr style="width:100%;border-color:#fff;">'
      ];

      function buildOverall(data) {
        var html=[];
        app_pit_reports_config.overall.forEach(function(el){
          html.push(el.title + ' <span class="badge">' + (data.rpt[el.id] || el.defaultValue) + '</span>&nbsp;&nbsp;');
        });
        return '<h5>' + html.join('') + '</h5>';
      }

      function buildColumns(data) {
        var html=[];
        var colNumber= 12 / app_pit_reports_config.cols.length;

        app_pit_reports_config.cols.forEach(function(el){
          html = html.concat(['<div class="col-sm-' + colNumber + '">',
            '<div class="table-responsive">',
              '<table class="table">',
              '<tr><th colspan="2">' + el.header_title + '</th></tr>',
              buildColumnData(el.col_data, data),
              '</table>',
            '</div>',
          '</div>']);
        });
        return html.join('');
      }

    function buildColumnData(colData, data) {
      var html=[];
      colData.forEach(function(el){
        var titleTd = el.title == ''? '' : '<td style="background-color:#000;">' + el.title + '</td>'
        html.push('<tr>'+titleTd+'<td style="background-color:#000;">' + (data.rpt[el.id] || el.defaultValue).replace(/\r\n/g, '<br>') + '</td></tr>');
      });
      return html.join('');
    }

      $('#reports').append($(htmlReport.join('\n')));
    });

    // 2. prepare report _template
    var reportTemplate = _.template($('#reportTemplate').html());

    // 3. update relative time report was made every 5 seconds
    setInterval(function () {
      $('.fb-ts').each(function () {
        var relativeTime = moment(new Date($(this).data('fb-ts'))).fromNow();
        $(this).html(relativeTime);
      })
    }, 5000)

  });

</script>