Display RRDcbs in multiple columns, if needed

1 files changed, 13 insertions, 3 deletions

diff --git a/src/lib/rrdFlotMatrix.js b/src/lib/rrdFlotMatrix.js
index aa057bd..4b0dfa9 100644
--- a/src/lib/rrdFlotMatrix.js
+++ b/src/lib/rrdFlotMatrix.js
@@ -210,9 +210,18 @@ rrdFlotMatrix.prototype.populateRRDcb = function() {
   // First clean up anything in the element

   while (form_el.lastChild!=null) form_el.removeChild(form_el.lastChild);

 

+  var table_el=document.createElement("Table");

+  var row_el=table_el.insertRow(-1);

+  row_el.vAlign="top";

+  var cell_el=null; // will define later

+

   // now populate with RRD info

   var nrRRDs=this.rrd_files.length;

   for (var i=0; i<nrRRDs; i++) {

+    if ((i%15)==0) { // one column every 15 elements

+      cell_el=row_el.insertCell(-1);

+    }

+

     var rrd_el=this.rrd_files[i];

     var rrd_file=rrd_el[1];

     var name=rrd_el[0];

@@ -238,10 +247,11 @@ rrdFlotMatrix.prototype.populateRRDcb = function() {
     cb_el.name = "rrd";

     cb_el.value = i;

     cb_el.checked = cb_el.defaultChecked = checked;

-    form_el.appendChild(cb_el);

-    form_el.appendChild(document.createTextNode(title));

-    form_el.appendChild(document.createElement('br'));

+    cell_el.appendChild(cb_el);

+    cell_el.appendChild(document.createTextNode(title));

+    cell_el.appendChild(document.createElement('br'));

   }

+  form_el.appendChild(table_el);

 };

 

 // ======================================