display message when no datapoints

static/js/map.js

@@ -67,19 +67,24 @@ function refreshDatapoints(deveui, start, stop) {
 
   $.getJSON('https://wo-bisch.ch/metrics?deveui=' + deveui + range, function (mydata) {
     if ("msg" in mydata) {
+      $('#map').hide();
+      $('#datetimeslider').hide();
       if (mydata.msg.includes("expired")) {
         $('#chart').html(`<article class="message is-danger">
   <div class="message-body">
     Abo ist abgelaufen
   </div>
 </article>`);
+        $('#chart').show();
       } else if (mydata.msg.includes("error:")) {
-        $('#myselectors').hide();
+        $('#map').hide();
+        $('#datetimeslider').hide();
         $('#chart').html(`<article class="message is-danger">
   <div class="message-body">
     Fehler im Aufruf
   </div>
 </article>`);
+        $('#chart').show();
       } else {
         location.reload(true);
       }
@@ -87,8 +92,12 @@ function refreshDatapoints(deveui, start, stop) {
     }
 
     datapoints = mydata['data'];
+    if (datapoints.length > 0) {
+      $('#chart').hide();
+      $('#map').show();
       $('#datetimeslider').attr('max', datapoints.length - 1);
       $('#datetimeslider').val(datapoints.length - 1);
+      $('#datetimeslider').show();
       last_slider_position = datapoints.length - 1;
       var unix_timestamp = datapoints[datapoints.length - 1][0];
       var date = new Date(unix_timestamp * 1000);
@@ -117,6 +126,16 @@ function refreshDatapoints(deveui, start, stop) {
       lcontrol.addOverlay(allmarkers, 'alle Positionen anzeigen');
       bounds = new L.LatLngBounds([[mydata['max_lat'], mydata['max_lon']], [mydata['min_lat'], mydata['min_lon']]]);
       map.fitBounds(bounds, { padding: [20, 20] });
+    } else {
+      $('#map').hide();
+      $('#datetimeslider').hide();
+      $('#chart').html(`<article class="message is-danger">
+  <div class="message-body">
+    Keine Messpunkte f&uuml;r diese Zeitperiode
+  </div>
+</article>`);
+      $('#chart').show();
+    }
   });
 }