Add resize event (and throttle it a bit)

murrant · May 22, 2024 · 6246f26 · 6246f26
1 parent 1bd8e10
commit 6246f26
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/resources/views/overview/default.blade.php b/resources/views/overview/default.blade.php
@@ -629,7 +629,16 @@ function grab_data(id, data_type) {
     }
 
     // make sure gridster stays disabled when the window is resized
+    var resizeTrigger = null;
     addEvent(window, "resize", function(event) {
+        // emit resize event, but only once every 100ms
+        if (resizeTrigger === null) {
+            resizeTrigger = setTimeout(() => {
+                resizeTrigger = null;
+                $('.widget_body').children().first().trigger('resize');
+            }, 100);
+        }
+
         setTimeout(function(){
             if(!gridster_state) {
                 gridster.disable();

diff --git a/resources/views/widgets/worldmap.blade.php b/resources/views/widgets/worldmap.blade.php
@@ -88,6 +88,10 @@ function populate_markers(map) {
             });
         }
 
+        $('#leaflet-map-{{ $id }}').on('resize', function (event) {
+            get_map(map_id).invalidateSize();
+        })
+
         $('#leaflet-map-{{ $id }}').on('refresh', function (event) {
             var map = get_map(map_id);
             map.invalidateSize();