Revize 351696d5

Re #7926, finishing controls on map

website/public/js/zcu-heatmap.js

@@ -1 @@
-var mymap;
+var map;
 var startX = 49.7248;
 var startY = 13.3521;
 var startZoom = 17;
 
+var currentTime = 0;
+
+
 function initMap() {
-  mymap = L.map('heatmap').setView([startX, startY], startZoom);
+  map = L.map('heatmap').setView([startX, startY], startZoom);
 
   L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '',
     maxZoom: 19
-  }).addTo(mymap);
+  }).addTo(map);
 }
 
+
 function setMapView(latitude = startX, longitude = startY, zoom = startZoom) {
-  mymap.setView([latitude, longitude], zoom);
+  map.setView([latitude, longitude], zoom);
 }
 
+
+function changeTime(direction, max = 0) {
+  let time = document.getElementById('time');
+
+  if (direction === 'next') {
+    currentTime += 1;
+
+    if (currentTime > 23) {
+      currentTime = 0;
+    }
+  }
+  else if (direction === 'prev') {
+    currentTime -= 1;
+
+    if (currentTime < 0) {
+      currentTime = 23;
+    }
+  }
+
+  time.textContent = currentTime + ":00";
+  time.className = 'time hour-' + currentTime;
+}
+
+
+function animateTimeline() {
+  setTimeout(
+    function () {
+      if (currentTime < 23) {
+        animateTimeline();
+        changeTime('next');
+      }
+      else {
+        changeTime('next');
+      }
+    }, 400);
+}
+
+
 function showHeatmap(route) {
   $.ajax({
     type: "POST",
@@ -26 +68 @@
   });
 }
 
+
 function drawHeatmap(points) {
   points = points.map(function (p) { return [p['y'], p['x'], p['number']]; });
 
-  L.heatLayer(points).addTo(mymap), draw = true;
+  L.heatLayer(points).addTo(map), draw = true;
 }