Add showing value on front-end.

index.html

@@ -46,18 +46,17 @@
             <div id="right-side">
                 <img src="http://www.free-icons-download.net/images/building-icons-68722.png" width="10%" height="10%">
 
-
                 <select id="select-station" style="float: right; display: center; font-weight: bold;">
-                    <option value="1">ul. Bujaka</option>
-                    <option value="2">ul. Bulwarowa</option>
-                    <option value="3">ul. Złoty Róg</option>
-                    <option value="4">Al. Krasińskiego</option>
-                    <option value="5">os. Piastów</option>
-                    <option value="6">ul. Dietla</option>
+                    <option value="00000000-0000-0000-0000-000000000003">ul. Bujaka</option>
+                    <option value="00000000-0000-0000-0000-000000000002">ul. Bulwarowa</option>
+                    <option value="00000000-0000-0000-0000-00000000000f">ul. Złoty Róg</option>
+                    <option value="00000000-0000-0000-0000-000000000001">Al. Krasińskiego</option>
+                    <option value="00000000-0000-0000-0000-00000000000e">os. Piastów</option>
+                    <option value="00000000-0000-0000-0000-00000000000d">ul. Dietla</option>
                 </select>
 
                 <div id="value-id" style="padding: center;font-size: 0.7rem; text-indent: 6rem;">
-                µg/m³
+                <span id="pollution-value"></span> µg/m³
                 </div>
             </div>
 
@@ -97,11 +96,18 @@
         };
 
         var filterValues = function(data, station, pollution){
-            console.debug(data, station, pollution);
+            var measurement = data.measurements[Object.keys(data.measurements).find(function(key){
+               return data.measurements[key].station == station && data.measurements[key].type == pollution;
+            })];
+            if (measurement){
+                return measurement.value;
+            } else {
+                return undefined;
+            }
         };
 
-        var updateView = function(values){
-            console.debug("ELO " + values);
+        var updateView = function(value){
+            document.getElementById("pollution-value").textContent = value;
         };
 
         var parameters = getParams();