From 3ba400740cc09a992115b8713cd10854ead22beb Mon Sep 17 00:00:00 2001
From: Markus <markus.weissensteiner@bitfly.at>
Date: Mon, 9 Oct 2023 14:58:36 +0200
Subject: [PATCH 1/2] (BIDS-652) add hide all series button

---
 templates/pools/charts.html |  2 +-
 templates/pools/pools.html  | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/templates/pools/charts.html b/templates/pools/charts.html
index 317c6e1893..ae0ede65e4 100644
--- a/templates/pools/charts.html
+++ b/templates/pools/charts.html
@@ -108,7 +108,7 @@
   <script>
     // source: https://stackoverflow.com/questions/63343645/overriding-log-scale-with-highcharts-export-server/63375446#63375446
     window.addEventListener('load', function () {
-        Highcharts.stockChart('performance-chart', {
+        performanceChart = Highcharts.stockChart('performance-chart', {
             chart: {
                 type: {{.HistoricPoolPerformance.Data.Type}},
                 borderColor: null,
diff --git a/templates/pools/pools.html b/templates/pools/pools.html
index cc87fe16f4..900f4a6101 100644
--- a/templates/pools/pools.html
+++ b/templates/pools/pools.html
@@ -4,17 +4,26 @@
   <script src="/js/highcharts/highcharts-global-options.js"></script>
   <script src="/js/luxon.min.js"></script>
   <script>
+    let performanceChart
     if (window.location.hash == "#performance") {
       $("#distribution-chart").addClass("d-none")
       $("#performance-chart").removeClass("d-none")
+      $("#performance-chart-btn-hide-all").removeClass("d-none")
     }
     $("#distribution-chart-btn").on("click", () => {
       $("#distribution-chart").removeClass("d-none")
       $("#performance-chart").addClass("d-none")
+      $("#performance-chart-btn-hide-all").addClass("d-none")
     })
     $("#performance-chart-btn").on("click", () => {
       $("#distribution-chart").addClass("d-none")
       $("#performance-chart").removeClass("d-none")
+      $("#performance-chart-btn-hide-all").removeClass("d-none")
+    })
+    $("#performance-chart-btn-hide-all").on("click", () => {
+      performanceChart.series.forEach((series) => {
+        series.setVisible(false, false)
+      })
     })
   </script>
 {{ end }}
@@ -25,6 +34,23 @@
   <style>
     #charts-container {
       height: 520px;
+      position: relative;
+    }
+    @media (min-width: 817.96px) {
+      #performance-chart-btn-hide-all {
+        position: absolute;
+        right: 0px;
+        bottom: 55px;
+      }
+    }
+
+    @media (max-width: 818px) {
+      #charts-container {
+        height: 560px;
+      }
+      #performance-chart-btn-hide-all {
+        position: relative;
+      }
     }
   </style>
 {{ end }}
@@ -40,6 +66,13 @@
           <div id="performance-chart" class="w-100 mb-2 d-none">
             {{ template "performance_chart" .Data }}
           </div>
+          <div class="d-flex justify-content-center">
+            <a role="button" class="btn btn-primary btn-sm d-none d-md-flex" id="performance-chart-btn-hide-all">
+              <span class="text-white">
+                <b>Hide all</b>
+              </span>
+            </a>
+          </div>
         </div>
         <div class="d-flex justify-content-center btn-group border rounded w-25 m-auto">
           <a role="button" class="btn border-right" id="distribution-chart-btn" href="#distribution">

From d012ad193e89dd4e5bbeece3cdc42baa3495b50c Mon Sep 17 00:00:00 2001
From: mawe <markus.weissensteiner@bitfly.at>
Date: Mon, 20 Nov 2023 15:27:35 +0100
Subject: [PATCH 2/2] markup

---
 templates/pools/pools.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/pools/pools.html b/templates/pools/pools.html
index 900f4a6101..8dbb41c5a9 100644
--- a/templates/pools/pools.html
+++ b/templates/pools/pools.html
@@ -66,12 +66,12 @@
           <div id="performance-chart" class="w-100 mb-2 d-none">
             {{ template "performance_chart" .Data }}
           </div>
-          <div class="d-flex justify-content-center">
-            <a role="button" class="btn btn-primary btn-sm d-none d-md-flex" id="performance-chart-btn-hide-all">
+          <div class="text-center">
+            <button class="btn btn-primary btn-sm d-none" id="performance-chart-btn-hide-all">
               <span class="text-white">
                 <b>Hide all</b>
               </span>
-            </a>
+            </button>
           </div>
         </div>
         <div class="d-flex justify-content-center btn-group border rounded w-25 m-auto">