up bandeau latéral

js/main.js

@@ -592,10 +592,11 @@ function onMapMoveEnd() {
     let center = map.getCenter()
     let zoom = map.getZoom()
     let infos = `Lat: ${center.lat}, Lon: ${center.lng}, Zoom : ${zoom}`
-    if (zoom > 10) {
-        loadOverpassQuery()
+    if (zoom < 10) {
+        $('#zoomMessage').show()
     } else {
-        infos += '(zoomez au niveau 11 ou plus pour charger les stations en vous déplaçant)'
+        $('#zoomMessage').hide()
+        loadOverpassQuery()
     }
     $('#infos_carte').html(infos)
     updateURLWithMapCoordinatesAndZoom()
@@ -661,3 +662,15 @@ function cycleVariableState(filterVariableName, selectorId) {
     return filterVariableName
 }
 
+// toggle des stats
+$('#toggle-stats').on('click', function() {
+    $('#found_charging_stations').slideToggle();
+    
+    // Change le symbole de la flèche
+    let text = $(this).text();
+    if(text.includes('🔽')) {
+        $(this).text(text.replace('🔽', '🔼'));
+    } else {
+        $(this).text(text.replace('🔼', '🔽')); 
+    }
+});