From 002d8fcb90d5a1d0fdd1505236b5cb9541248f80 Mon Sep 17 00:00:00 2001
From: sirsandmann <florian@sander-net.de>
Date: Sat, 30 Dec 2017 01:18:26 +0100
Subject: [PATCH] Added simple Statistic structure.

---
 index.html       |  3 +++
 js/diagrams.js   |  2 ++
 js/statistics.js | 38 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 43 insertions(+)
 create mode 100644 js/statistics.js

diff --git a/index.html b/index.html
index d6a0945..f846861 100644
--- a/index.html
+++ b/index.html
@@ -80,6 +80,8 @@
 
           <div class="content-box chart-box">
             <div id="lineGraphBox"></div>
+            <div id="race-statistics">
+            </div>
           </div>
 
         </div> <!-- card-body -->
@@ -117,6 +119,7 @@
     <script type="text/javascript" src="js/queries.js"></script>
     <script type="text/javascript" src="js/diagrams.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
+    <script type="text/javascript" src="js/statistics.js"></script>
 
   </body>
 </html>
diff --git a/js/diagrams.js b/js/diagrams.js
index c8c7ac5..0cd4f8f 100644
--- a/js/diagrams.js
+++ b/js/diagrams.js
@@ -13,6 +13,8 @@ function createLineGraph(containerId, raceData){
 
   var enhancedLapData = processor.getEnhancedLapDataPerDriver(raceData);
 
+  attachRaceStatistics(enhancedLapData, raceData);
+
   // Configuration
   var height = 720;
   var width = 1080;
diff --git a/js/statistics.js b/js/statistics.js
new file mode 100644
index 0000000..3e03249
--- /dev/null
+++ b/js/statistics.js
@@ -0,0 +1,38 @@
+"use strict";
+
+function attachRaceStatistics(enhancedLapData, raceData){
+  var statisticsContainer = "#race-statistics";
+  var avgSymbol = "&#216;";
+  var textArr = [];
+  var statisticsPerRow = 3;
+
+  //console.log(raceData);
+  //console.log(enhancedLapData);
+
+  textArr.push(avgSymbol + " Pitstop time: " + getAvgPitStopTime(raceData) + " sec");
+  // TODO: Addd more statistics
+
+  textArr.forEach((elem, i) =>{
+    if(i % statisticsPerRow == 0){
+        $(statisticsContainer).append($('<div></div>')
+            .addClass("row")
+        );
+    }
+
+    $(statisticsContainer + " .row").last().append($('<div></div>')
+        .addClass("col")
+        .html(elem)
+    );
+  });
+
+
+}
+
+function getAvgPitStopTime(raceData){
+  if(raceData.pitStops.length > 0){
+    var sumAllPitStops = 0;
+    raceData.pitStops.map((current) => sumAllPitStops += current.milliseconds);
+    var avgPitStopTimes = sumAllPitStops / raceData.pitStops.length;
+    return ((avgPitStopTimes % 60000) / 1000).toFixed(2);
+  }
+}