From 0e0aeb72071f7a07bc8d913b3d9e9ffa72ed6ab7 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Fri, 17 May 2019 14:20:40 +0200
Subject: Statistics: redraw on drag end only

---
 ishtar_common/templates/blocks/DataTables-stats.html | 8 +++++++-
 scss/custom.scss                                     | 4 ++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/ishtar_common/templates/blocks/DataTables-stats.html b/ishtar_common/templates/blocks/DataTables-stats.html
index 85374c5b9..091f472b9 100644
--- a/ishtar_common/templates/blocks/DataTables-stats.html
+++ b/ishtar_common/templates/blocks/DataTables-stats.html
@@ -79,7 +79,13 @@
 jQuery(document).ready(function(){
         $("#chart-{{name}}-wrapper").resizable({
             handleSelector: ".resize-handler",
-            onDrag: function (e, $el, opt) {
+            onDragStart: function (e, $el, opt) {
+                $("#chart-{{name}}-wrapper").addClass('chart-resize');
+                $("#chart-{{name}}").hide();
+            },
+            onDragEnd: function (e, $el, opt) {
+                $("#chart-{{name}}-wrapper").removeClass('chart-resize');
+                $("#chart-{{name}}").show();
                 stats_current_graph.replot( { resetAxes: true } );
             }
         });
diff --git a/scss/custom.scss b/scss/custom.scss
index 769ed62ec..6417e1e96 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -902,6 +902,10 @@ ul.compact{
     height: 96%;
 }
 
+.chart-resize{
+    border: 1px #999 dashed;
+}
+
 /*
 // required
 @import "bootstrap-src/scss/functions";
-- 
cgit v1.2.3