Added a 'show/hide snapshot details' button.

2 files changed, 18 insertions, 0 deletions

diff --git a/web/getstats/tsbmbody.html b/web/getstats/tsbmbody.html
index 5918453..a4e91e2 100644
--- a/web/getstats/tsbmbody.html
+++ b/web/getstats/tsbmbody.html
@@ -309,8 +309,11 @@
 
 <br />
 
+<a id="link_snapshotDetails" href="javascript::void(0)"
+  onclick="toggleSnapshotDetails()">show snapshot details</a>
 
 <!-- *** BEGIN Details of selected snapshot ****************************** -->
+<div id="div_snapshotDetails" style="display:none">
 <table style="border:0">
   <tr>
 
@@ -453,6 +456,7 @@ setTooltip($("#curr_sshot_change_lead"), tooltipText_change_plot())
 
   </tr>
 </table>
+</div> <!-- div_snapshotDetails -->
 <!-- *** END Details of selected snapshot ****************************** -->
 
 </div> <!-- div_tsbm -->
diff --git a/web/getstats/tsbmbody.js b/web/getstats/tsbmbody.js
index 758c607..94f6db3 100644
--- a/web/getstats/tsbmbody.js
+++ b/web/getstats/tsbmbody.js
@@ -1293,3 +1293,17 @@ function clickBenchmarkCheckbox(
         clearPlot();
     }
 }
+
+
+function toggleSnapshotDetails() {
+    var linkObj = $("#link_snapshotDetails");
+    var divObj = $("#div_snapshotDetails");
+    var curr = divObj.css("display");
+    if (curr == "none") {
+        linkObj.text("hide snapshot details");
+        divObj.css("display", "block");
+    } else {
+        linkObj.text("show snapshot details");
+        divObj.css("display", "none");
+    }
+}