Javascript modif (Tagclouds) ...

var/www/static/js/indexjavascript.js

@@ -179,7 +179,7 @@ $(document).ready(function () {
     labels: curves_labels,
     drawPoints: false,
     showRoller: true,
-    rollPeriod: 10,
+    rollPeriod: 30,
     labelsKMB: true,
     logscale: true,
     //drawGapEdgePoints: true,
@@ -195,7 +195,7 @@ $(document).ready(function () {
     labels: curves_labels2,
     drawPoints: false,
     showRoller: true,
-    rollPeriod: 10,
+    rollPeriod: 30,
     labelsKMB: true,
     logscale: true,
     //drawGapEdgePoints: true,
@@ -245,10 +245,39 @@ $(document).ready(function () {
                     g.updateOptions( { 'file': data } );
                     g2.updateOptions( { 'file': data2 } );
                     
+                    
+                   // TagCanvas.Reload('myCanvas');
+
                 }, interval);
             }
         });
     };
 
     refresh();
+
+     var ultag = document.getElementById("ultag");
+     for (i=0;i<curves_labels.length;i++){
+         var li = document.createElement('li');
+         var a = document.createElement('a');
+         a.innerHTML = curves_labels[i];
+         a.style.fontSize = glob_tabvar.row1[i][1];
+         li.appendChild(a);
+         ultag.appendChild(li);
+    }
+
+
+    try {
+      var options = {
+      weight:true,
+      weightMode:"both",
+      noMouse:true,
+      textColour: '#2E9AFE'
+      }
+      TagCanvas.Start('myCanvas','',options);
+      TagCanvas.SetSpeed('myCanvas', [0.05, -0.15]);
+    } catch(e) {
+      // something went wrong, hide the canvas container
+      document.getElementById('myCanvasContainer').style.display = 'none';
+    }
+
 });

var/www/templates/index.html

@@ -16,6 +16,7 @@
   <!-- JS -->
   <script type="text/javascript" src="{{ url_for('static', filename='js/dygraph-combined.js') }}"></script>
   <script src="{{ url_for('static', filename='js/jquery.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/jquery.tagcanvas.js') }}"></script>
   <script src="{{ url_for('static', filename='js/jquery-1.4.2.js') }}"></script>
   <script>
       function update_values() {
@@ -62,6 +63,14 @@
               </div>
               <!-- /.sidebar-collapse -->
               <div class="table-responsive", id="queueing" style="margin-top:40px;"></div>
+     
+	      <div class="table-responsive" id="myCanvasContainer" style="margin-top:40px;">
+	         <canvas id="myCanvas">
+		      <p>Anything in here will be replaced on browsers that support the canvas element</p>
+		 <ul id="ultag">
+		 </ul>
+		 </canvas>
+	      </div>
           </div>
           <!-- /.navbar-static-side -->
       </nav>
@@ -110,9 +119,8 @@
             </div>
         </div>
         <div class="panel-body">
-                <div class="table-responsive", id="logger">
                     <div class="row">
-                    <div class="col-lg-6">
+			    <div class="col-lg-12">
 				    <table class="table table-bordered table-hover table-striped" id="table_log">
 					<thead>
 						<tr>
@@ -128,9 +136,7 @@
 					</thead>
 					<tbody id="tab_body">
 					</tbody>
-                    <table>
-                </div>
-                </div>
+			            </table>
 			    </div>
                    </div>
         </div>