From 1df2ffd094e065ae83af006ff416c1ec31a3eda2 Mon Sep 17 00:00:00 2001
From: Starow <le.bassiste.575@gmail.com>
Date: Tue, 12 Aug 2014 16:44:35 +0200
Subject: [PATCH] Splitting the graph in two one for words, one for paste
 monitoring

---
 var/www/static/js/indexjavascript.js | 49 +++++++++++++++++++++++++---
 var/www/templates/index.html         |  3 +-
 2 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/var/www/static/js/indexjavascript.js b/var/www/static/js/indexjavascript.js
index abd49e72..3755f488 100644
--- a/var/www/static/js/indexjavascript.js
+++ b/var/www/static/js/indexjavascript.js
@@ -147,19 +147,30 @@ function create_queue_table() {
 
 $(document).ready(function () {
     var data = [];
+    var data2 = [];
     var tmp_tab = [];
+    var tmp_tab2 = [];
     var curves_labels = [];
+    var curves_labels2 = [];
     var x = new Date();
     
     for (i = 0; i < glob_tabvar.row1.length; i++){
-        tmp_tab.push(0);
-        curves_labels.push(glob_tabvar.row1[i][0]);
+        if (glob_tabvar.row1[i][0].substring(0,4) != "word"){
+            tmp_tab.push(0);
+            curves_labels.push(glob_tabvar.row1[i][0]);
+        }
+        else {
+            tmp_tab2.push(0);
+            curves_labels2.push(glob_tabvar.row1[i][0]);
+        }
     }
     tmp_tab.unshift(x);
+    tmp_tab2.unshift(x);
     curves_labels.unshift("date");
+    curves_labels2.unshift("date");
     data.push(tmp_tab);
+    data2.push(tmp_tab2);
     
-    //data.push([x, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);
     var g = new Dygraph(document.getElementById("Graph"), data,
     {
     labels: curves_labels,
@@ -175,6 +186,23 @@ $(document).ready(function () {
     fillGraph: true,
     includeZero: true,
     });
+    
+    var g2 = new Dygraph(document.getElementById("Graph2"), data2,
+    {
+    labels: curves_labels2,
+    drawPoints: false,
+    showRoller: true,
+    rollPeriod: 10,
+    labelsKMB: true,
+    logscale: true,
+    //drawGapEdgePoints: true,
+    //legend: "always",
+    //connectSeparatedPoints: true,
+    stackedGraph: true,
+    fillGraph: true,
+    includeZero: true,
+    });
+
 
     var interval = 1000;   //number of mili seconds between each call
     var refresh = function() {
@@ -186,22 +214,33 @@ $(document).ready(function () {
                 $('#server-name').html(html);
                 setTimeout(function() {
                     var x = new Date();
-                    var tmp_values = []; 
+                    var tmp_values = [];
+                    var tmp_values2 = []; 
                     refresh();
                     update_values();
                     create_queue_table();
                    
                     
                     for (i = 0; i < (glob_tabvar.row1).length; i++){
-                        tmp_values.push(glob_tabvar.row1[i][1]);
+                        if (glob_tabvar.row1[i][0].substring(0,4) != "word"){
+                            tmp_values.push(glob_tabvar.row1[i][1]);
+                        }
+                        else {
+                            tmp_values2.push(glob_tabvar.row1[i][1]);
+                        }
                     }
                     tmp_values.unshift(x);
                     data.push(tmp_values);
+                    
+                    tmp_values2.unshift(x);
+                    data2.push(tmp_values2);
 
                     if (data.length > 1800) {
                         data.shift();
+                        data2.shift();
                     }
                     g.updateOptions( { 'file': data } );
+                    g2.updateOptions( { 'file': data2 } );
 
                 }, interval);
             }
diff --git a/var/www/templates/index.html b/var/www/templates/index.html
index b58df36b..c576268d 100644
--- a/var/www/templates/index.html
+++ b/var/www/templates/index.html
@@ -80,7 +80,8 @@
                       </div>
                         <div class="panel-body">
                             <div class="row">
-                                <div class="col-lg-12" id="Graph" style="height:400px; width:95%"></div>
+                                <div class="col-lg-6" id="Graph" style="height:400px; width:48%;"></div>
+                                <div class="col-lg-6" id="Graph2" style="height:400px; width:48%;"></div>
                             </div>
                             <!-- /.row -->
                         </div>