From f5c743f149e2cd502fe49e0b5d46138d3bd20b18 Mon Sep 17 00:00:00 2001
From: Jan Philipp Timme <jan.philipp@timme.it>
Date: Fri, 8 Dec 2017 13:50:41 +0100
Subject: [PATCH 1/2] Add first glimpse of year selector, remove sample pie
 chart.

---
 index.html | 35 +++++++++++++++++++----------------
 js/main.js |  7 ++++++-
 2 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 344f895..13ea330 100644
--- a/index.html
+++ b/index.html
@@ -22,18 +22,12 @@
           <li class="nav-item active">
             <a class="nav-link" href="#">Home <span class="sr-only">(aktuelle Seite)</span></a>
           </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#">Irgendetwas anderes</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link disabled" href="#">TODO ...</a>
-          </li>
           <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Hier ...</a>
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Coding-Guidlines!</a>
             <div class="dropdown-menu" aria-labelledby="dropdown01">
-              <a class="dropdown-item" href="#">... gibt es ...</a>
-              <a class="dropdown-item" href="#">... auch so tolle ...</a>
-              <a class="dropdown-item" href="#">... Menüpunkte!</a>
+              <a class="dropdown-item" href="#">Einrückungen mit zwei Leerzeichen</a>
+              <a class="dropdown-item" href="#">Charset ist UTF-8</a>
+              <a class="dropdown-item" href="#">Keine Panik!</a>
             </div>
           </li>
         </ul>
@@ -43,13 +37,22 @@
 
     <main role="main" class="container">
 
+      <div class="container">
+        <form>
+          <div class="form-group">
+            <label for="seasonByYearSelector">Wähle ein Jahr aus!</label>
+            <select class="form-control" id="seasonByYearSelector">
+              <!-- This is filled using JS. -->
+            </select>
+          </div>
+        </form>
+      </div>
+
+
       <div class="content-box">
-        <h1>Hallo!</h1>
+        <h1>Hallo F1-Fan!</h1>
         <p class="lead">
-         Mit Bootstrap sieht alles per Default ein wenig hübscher aus.<br>
-         Eingerückt wird mit 2 Leerzeichen pro Einrückungsebene.<br>
-         Charset ist UTF-8.<br>
-         TODO
+          Hier ist noch viel zutun ...
         </p>
       </div>
 
@@ -89,4 +92,4 @@
     <script type="text/javascript" src="js/diagrams.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/main.js b/js/main.js
index 71b0ea0..68e24f4 100644
--- a/js/main.js
+++ b/js/main.js
@@ -5,7 +5,12 @@
  */
 
 preprocessor.load(function(data) {
+  // Some sample code for a year selector - TODO: Improve a lot and move somewhere else
+  var yearSelector = $("#seasonByYearSelector");
+  var seasons = preprocessor.getResults().seasons;
+  for(var year in seasons) yearSelector.append("<option>" + year + "</option>");
 
-  createTestPieChart("#testchartbox", queries.getDriversByNationality());
+  // No more test chart
+  //createTestPieChart("#testchartbox", queries.getDriversByNationality());
 
 });

From 1c91eab49aca179bce72bd836b5ba42b2e3e4540 Mon Sep 17 00:00:00 2001
From: Marcel <marcel.felix@hs-hannover.de>
Date: Fri, 8 Dec 2017 13:50:59 +0100
Subject: [PATCH 2/2] Added queries to get race information. Added processor
 function to get all races of an given year

---
 js/processor.js |  9 ++++++++-
 js/queries.js   | 20 ++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/js/processor.js b/js/processor.js
index d05e4ff..d08fbe8 100644
--- a/js/processor.js
+++ b/js/processor.js
@@ -8,7 +8,8 @@ var processor = {
       lapTimes: null,
       pitStops: null,
       qualifying: null,
-      results: null
+      results: null,
+      raceInfo: null
     };
     
     race.drivers = queries.getDriversByRaceId(raceId);
@@ -16,7 +17,13 @@ var processor = {
     race.qualifying = queries.getQualifingDataByRaceId(raceId);
     race.pitStops = queries.getPitStopsByRaceId(raceId);
     race.results = queries.getResultsByRaceId(raceId);
+    race.raceInfo = queries.getRaceById(raceId);
 
     return race;
   },
+
+  getRacesByYear: function(year) {
+    var races = queries.getRacesByYear(year);
+    return races.map(race => processor.getRace(race.raceId));
+  }
 };
diff --git a/js/queries.js b/js/queries.js
index fd13bfe..c7e97c8 100644
--- a/js/queries.js
+++ b/js/queries.js
@@ -109,6 +109,26 @@ var queries = {
     return myMap;
   },
 
+  getRaceById: function(raceId){
+    var rawData = preprocessor.getResults();
+    return rawData.races[raceId];    
+  },
+
+  getRacesByYear: function(year){
+    var rawData = preprocessor.getResults();
+
+    var races = [];
+    for(var key in rawData.races){
+      if(rawData.races[key].year == year){
+        races.push(rawData.races[key]);
+      }
+    }
+    races.sort((o1,o2) => o1["round"] - o2["round"]);
+
+    return races;
+    
+  },
+
   getQualifingDataByRaceId: function(raceId) {
     var rawData = preprocessor.getResults();