From 4d6e194a528ef3bdcddedf36bffefe56eee13cb8 Mon Sep 17 00:00:00 2001
From: Louis Bailleul <louis.bailleul@pgs.com>
Date: Thu, 26 Nov 2015 12:14:57 +0000
Subject: [PATCH] Add reload on resize event to regenerate the graphs correctly

---
 html/ajax_setresolution.php |  2 ++
 html/js/librenms.js         | 34 ++++++++++++++++++++++++++++------
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/html/ajax_setresolution.php b/html/ajax_setresolution.php
index e2dc12eba..b72bd748e 100644
--- a/html/ajax_setresolution.php
+++ b/html/ajax_setresolution.php
@@ -4,3 +4,5 @@ if(isset($_REQUEST['width']) AND isset($_REQUEST['height'])) {
     $_SESSION['screen_width'] = $_REQUEST['width'];
     $_SESSION['screen_height'] = $_REQUEST['height'];
 }
+echo $_SESSION['screen_width'];
+echo $_SESSION['screen_height'];
diff --git a/html/js/librenms.js b/html/js/librenms.js
index 95108fa04..a89c37c82 100644
--- a/html/js/librenms.js
+++ b/html/js/librenms.js
@@ -139,15 +139,37 @@ function submitCustomRange(frmdata) {
 
 function updateResolution()
 {
-    $.post(
-        'ajax_setresolution.php', 
-        {width: $(window).width(),height:$(window).height()},
-        function(json) {},
-        'json'
+    $.post('ajax_setresolution.php', 
+        {
+            width: $(window).width(),
+            height:$(window).height()
+        },
+        function(data) {
+            location.reload();
+        },'json'
     );
 }
 
-$(window).on('resize', function(){ updateResolution();});
+var rtime;
+var timeout = false;
+var delta = 300;
+
+$(window).on('resize', function(){
+    rtime = new Date();
+    if (timeout === false) {
+        timeout = true;
+        setTimeout(resizeend, delta);
+    }
+});
+
+function resizeend() {
+    if (new Date() - rtime < delta) {
+        setTimeout(resizeend, delta);
+    } else {
+        timeout = false;
+        updateResolution();
+    }  
+};
 
 $(document).on("click", '.collapse-neighbors', function(event)
 {