From 7a215ac3fc171a3c1bae7846a228f44183f4863b Mon Sep 17 00:00:00 2001
From: Anandashankar Anil <anandasanil@gmail.com>
Date: Thu, 24 Oct 2024 13:21:50 +0200
Subject: [PATCH 1/2] Uncheck NovaSeq6000 in FC trends plot

---
 run_dir/design/flowcell_trend_plot.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/run_dir/design/flowcell_trend_plot.html b/run_dir/design/flowcell_trend_plot.html
index 0827db5da..09ae0ac58 100644
--- a/run_dir/design/flowcell_trend_plot.html
+++ b/run_dir/design/flowcell_trend_plot.html
@@ -102,7 +102,7 @@ <h1>Flowcells Trend Plot</h1>
                 <label class="form-check-label" for="filter_nextseq2000">NextSeq</label>
               </div>
               <div class="form-check form-check-inline">
-                <input class="form-check-input filter_inst_type" type="checkbox" id="filter_novaseq6000" name="inst_type_filter" value="A" checked>
+                <input class="form-check-input filter_inst_type" type="checkbox" id="filter_novaseq6000" name="inst_type_filter" value="A">
                 <label class="form-check-label" for="filter_novaseq6000">NovaSeq 6000</label>
               </div>
               <div class="form-check form-check-inline">

From 9eb58c9aeeb72206c9efec4c2298a12c57b019c8 Mon Sep 17 00:00:00 2001
From: Anandashankar Anil <anandasanil@gmail.com>
Date: Thu, 24 Oct 2024 13:22:52 +0200
Subject: [PATCH 2/2] Only show threshold lines for inst types that are not
 filtered out

---
 run_dir/static/js/fc_trend_plot.js | 57 ++++++++++++++++--------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/run_dir/static/js/fc_trend_plot.js b/run_dir/static/js/fc_trend_plot.js
index 103d9c8fe..5e75eec3d 100644
--- a/run_dir/static/js/fc_trend_plot.js
+++ b/run_dir/static/js/fc_trend_plot.js
@@ -106,22 +106,23 @@ function make_plot(key, name, display_by, filter_inst_type, filter_inst, color_t
 
     var thresholdColors = ['#696868', '#696868', '#696868', '#696868', '#696868', '#696868', '#ffb700', '#ff00ae', '#0080ff', '#11ad11', '#8400ff', '#e65c00', '#1B9E97'];
     var thresholdLabels = [
-        'MiSeq Nano threshold to pass',
-        'MiSeq v2 threshold to pass',
-        'MiSeq v3 threshold to pass',
-        'NextSeq P1 threshold to pass',
-        'NextSeq P2 threshold to pass',
-        'NextSeq P3 threshold to pass',
-        'NovaSeq SP threshold to pass',
-        'NovaSeq S1 threshold to pass',
-        'NovaSeq S2 threshold to pass',
-        'NovaSeq S4 threshold to pass',
-        'NovaSeqXPlus 10B threshold to pass',
-        'NovaSeqXPlus 1.5B threshold to pass',
-        'NovaSeqXPlus 25B threshold to pass'
+        ['M', 'MiSeq Nano threshold to pass'],
+        ['M', 'MiSeq v2 threshold to pass'],
+        ['M', 'MiSeq v3 threshold to pass'],
+        ['VH', 'NextSeq P1 threshold to pass'],
+        ['VH', 'NextSeq P2 threshold to pass'],
+        ['VH', 'NextSeq P3 threshold to pass'],
+        ['A', 'NovaSeq SP threshold to pass'],
+        ['A', 'NovaSeq S1 threshold to pass'],
+        ['A', 'NovaSeq S2 threshold to pass'],
+        ['A', 'NovaSeq S4 threshold to pass'],
+        ['LH', 'NovaSeqXPlus 10B threshold to pass'],
+        ['LH', 'NovaSeqXPlus 1.5B threshold to pass'],
+        ['LH', 'NovaSeqXPlus 25B threshold to pass']
     ];
 
     function applyThresholds(thresholdValues, leftAlignedIndexes) {
+        let filtered_inst_types = get_parameters()[4];
         toplot.yAxis = {
             title: {
                 enabled: true,
@@ -133,20 +134,24 @@ function make_plot(key, name, display_by, filter_inst_type, filter_inst, color_t
                 }
             },
             plotLines: thresholdValues.map(function (value, index) {
-                var align = leftAlignedIndexes.includes(index) ? 'left' : 'right';
-                var labelX = align === 'left' ? -10 : null;
-                return {
-                    color: thresholdColors[index],
-                    dashStyle: 'longdash',
-                    value: value,
-                    width: 1,
-                    zIndex: 1,
-                    label: {
-                        text: thresholdLabels[index],
-                        align: align,
-                        x: labelX,
-                    }
+                let align = leftAlignedIndexes.includes(index) ? 'left' : 'right';
+                let labelX = align === 'left' ? -10 : null;
+                let plot_options = {
+                        color: thresholdColors[index],
+                        dashStyle: 'longdash',
+                        value: value,
+                        width: 1,
+                        zIndex: 1,
+                        label: {
+                            text: thresholdLabels[index][1],
+                            align: align,
+                            x: labelX,
+                        }
                 };
+                if(filtered_inst_types.includes(thresholdLabels[index][0])){
+                    plot_options = {};
+                }
+                return plot_options;
             })
         };
     }