pause life graph data when hovered by mouse

diff --git a/modules/http/static/kresd.js b/modules/http/static/kresd.js
index fc7ff029d73ba4d09a72e62c6452cc790ba24170..ceb16ed1a550796bbd23c981018484711881436c 100644 (file)
--- a/modules/http/static/kresd.js
+++ b/modules/http/static/kresd.js
@@ -1,6 +1,7 @@
 var colours = ["#081d58", "#253494", "#225ea8", "#1d91c0", "#41b6c4", "#7fcdbb", "#c7e9b4", "#edf8b1", "#edf8b1"];
 var latency = ["slow", "1500ms", "1000ms", "500ms", "250ms", "100ms", "50ms", "10ms", "1ms"];
 var Socket = "MozWebSocket" in window ? MozWebSocket : WebSocket;
+let isGraphPaused = false;
 
 $(function() {
        /* Helper functions */
@@ -177,8 +178,10 @@ $(function() {
                if (data.length > 1000) {
                        data.shift();
                }
-               if (!buffer) {
-                       graph.updateOptions( { 'file': data } );
+               if ( !buffer ) {
+                       if ( !isGraphPaused ) {
+                               graph.updateOptions( { 'file': data } );
+                       }
                }
        }
 
@@ -349,4 +352,15 @@ $(function() {
                        pushMetrics(data.stats, data.time);
                }
        };
+
+       chartElement.addEventListener( 'mouseover', ( event ) =>
+       {
+               isGraphPaused = true;
+       }, false );
+
+       chartElement.addEventListener( 'mouseout', ( event ) =>
+       {
+               isGraphPaused = false;
+       }, false );
+
 });