From: Jan Michel <j.michel@gsi.de>
Date: Mon, 7 May 2018 14:58:38 +0000 (+0200)
Subject: add option to fold tables on xml web pages
X-Git-Url: https://jspc29.x-matter.uni-frankfurt.de/git/?a=commitdiff_plain;h=d993841eb6f029bef4e5450ab1661df8e9e370b2;p=daqtools.git

add option to fold tables on xml web pages
---

diff --git a/web/htdocs/commands/xmlpage.pm b/web/htdocs/commands/xmlpage.pm
index 02dd199..59d4233 100644
--- a/web/htdocs/commands/xmlpage.pm
+++ b/web/htdocs/commands/xmlpage.pm
@@ -25,6 +25,7 @@ sub initPage {
   my ($cmdMod,$cmdAddr,$cmdReg) = split('-',$setup[$active]->{cmd});
   my $israte  = $setup[$active]->{rate};
   my $iscache = $setup[$active]->{cache};
+  my $isfold  = $setup[$active]->{fold};
   
   $getscript = $page->{getscript};
   if(!defined $getscript) {
@@ -58,7 +59,7 @@ if($setup[$active]->{generic} == 1) {
   print qq|
   <div class="checkbox"><input type="text" id="target" title="Enter any valid command in the form Module-Address-Name" 
   value="$cmd" onChange="settarget()" onLoad="settarget()"
-  style="width:150px;text-align:left"></div>
+  style="width:250px;text-align:left"></div>
   |;
   }
 
@@ -80,6 +81,8 @@ print qq|
     <label for="rate">Rates</label></div>
 <div class="checkbox"|.($setup[$active]->{nocache}?'style="display:none"':"").qq|><input type="checkbox" onChange="settarget()" value="1" id="cache" title="Use caching of data to reduce load on DAQ network" $iscache>
     <label for="cache">Use Cache</label></div>
+<div class="checkbox"><input type="checkbox" value="0" id="fold" title="Fold table on large pages" $isfold>
+    <label for="cache">Fold Tables</label></div>
 <div class="checkbox"><input type="button" class="stdbutton" onClick="refresh(-1);" value="Refresh"></div>
 </div>
 <div id="content"></div>|;
@@ -106,6 +109,9 @@ sub printJavaScripts {
 ####### javascript function land ################
 
   print qq|
+<script language="javascript"> 
+   var isNotFolded = new Array();
+</script>   
 <script language="javascript" src="../scripts/scriptsnew.js"></script>
 <script language="javascript" src="../scripts/xmlpage.js"></script>
 <script language="javascript">
@@ -114,8 +120,9 @@ sub printJavaScripts {
   var command="|.$setup[$n]->{cmd}.qq|";
   var currentpage = $active;
   var Timeoutvar;
-  
 
+
+  isNotFolded[1] = 1;
   setTimeout('eatCookies()',100);
 //   setTimeout('document.getElementById("period").value = period;',300);
   setTimeout('document.getElementById("content").addEventListener("click",editsetting,0)',400);
diff --git a/web/htdocs/layout/styles.css b/web/htdocs/layout/styles.css
index 2d16858..70592bf 100644
--- a/web/htdocs/layout/styles.css
+++ b/web/htdocs/layout/styles.css
@@ -293,3 +293,11 @@ table#server-details pre {
 .smallboxes input {
   width:40px;
   }
+
+.folded tbody {
+  display : none;
+}  
+
+.folded thead tr{
+  height:50px;
+  }  
diff --git a/web/htdocs/scripts/scriptsnew.js b/web/htdocs/scripts/scriptsnew.js
index 8339f49..7cba208 100644
--- a/web/htdocs/scripts/scriptsnew.js
+++ b/web/htdocs/scripts/scriptsnew.js
@@ -38,6 +38,20 @@ function getdataprint(command,dId,async,time,callback) {
       //if(cb)
       if(document.getElementById(destId)){
         document.getElementById(destId).innerHTML  = xmlhttp.responseText;  
+        if(document.getElementById("fold") && document.getElementById("fold").checked) {
+           t = document.getElementsByClassName('queryresult');
+           for (var i=0; i<t.length; i++) {
+            if(!isNotFolded[i]) { 
+              t[i].classList.add("folded");
+              isNotFolded[i] = 0;
+              }
+            t[i].number = i;  
+            t[i].onclick = function() {
+              this.classList.toggle("folded");
+              isNotFolded[this.number] = 1 - isNotFolded[this.number];
+              }  
+            }
+          }
 //         t = document.getElementsByClassName('sortable');
 //         for (var i=0; i<t.length; i++) {       
 //           sorttable.makeSortable(t[i]);