Revize 863ca316

Re #8159 - new, fixed buttons, CSS improvements, refactoring

website/public/js/zcu-heatmap.js

@@ -51 +51 @@
   if (time !== null) {
     currentTime = time
   } else {
-    $('#dropdown-time input[type="radio"]:checked').each(function () {
-      currentTime = parseInt($(this).val())
-    })
+    currentTime = parseInt($('#dropdown-time input[type="radio"]:checked').val())
   }
 }
 
@@ -63 +61 @@
   } else {
     currentDate = new Date($('#date').val())
   }
-  $('#player-date span').html(`${currentDate.getDate()}. ${currentDate.getMonth() + 1}. ${currentDate.getFullYear()}`)
+
   $('#date').val(currentDateToString())
+  $('#player-date span').html(`${currentDate.getDate()}. ${currentDate.getMonth() + 1}. ${currentDate.getFullYear()}`)
+
   data = []
 }
 const currentDayToString = () => {
@@ -368 +368 @@
   isAnimationRunning = !isAnimationRunning
 
   if (isAnimationRunning) {
-    $('#play-pause').attr('class', 'pause')
+    $('#animate-btn').removeClass('play').addClass('pause')
     timer = setInterval(function () { next() }, 800)
   } else {
     clearTimeout(timer)
-    $('#play-pause').attr('class', 'play')
+    $('#animate-btn').removeClass('pause').addClass('play')
   }
 }
 
@@ -424 +424 @@
 }
 
 function setTimeline () {
-  $('#timeline').text(currentTime + ':00')
-  $('#timeline').attr('class', 'time hour-' + currentTime)
+  $('#player-time').text(currentTime + ':00')
+  $('#player-time').attr('class', 'time hour-' + currentTime)
 }
+
 const onChangeHour = (hour) => {
   changeHour(hour)
   drawHeatmap(data[currentTime])
 }
+
 const changeHour = (hour) => {
   changeCurrentTime(hour)
   updateHeaderControls()