From d53170fbb015c2e9ceb39b585738d4d846667f1f Mon Sep 17 00:00:00 2001
From: Etienne Chassaing <60154720+cetiennec@users.noreply.github.com>
Date: Mon, 4 Aug 2025 16:24:24 +0200
Subject: [PATCH] Adds Conductivity plot on monitor pages

---
 static/monitor.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/static/monitor.html b/static/monitor.html
index d44f83f..5e15a9e 100644
--- a/static/monitor.html
+++ b/static/monitor.html
@@ -49,6 +49,7 @@
     <div id="pressure-plot-1" class="large-plot"></div>
     <div id="flow-plot-2" class="large-plot"></div>
     <div id="pressure-plot-2" class="large-plot"></div>
+    <div id="conductivity-plot" class="large-plot"></div>
     <div id="MV02_sp-plot" class="small-plot"></div>
     <div id="MV03_sp-plot" class="small-plot"></div>
     <div id="MV04_sp-05-plot" class="small-plot"></div>
@@ -93,6 +94,12 @@
         y: [[puData.Pdilute]]
       }, [0], maxPoints);
 
+      Plotly.extendTraces('conductivity-plot', {
+        x: [[t], [t], [t]],
+        y: [[puData.Cfeed], [puData.Cperm], [puData.Cdilute]]
+      }, [0, 1, 2], maxPoints);
+
+
       Plotly.extendTraces('MV02_sp-plot', {
         x: [[t], [t]],
         y: [[puData.MV02_sp], [puData.MV02]]
@@ -172,6 +179,17 @@
       title: 'Pdilute Pressure', xaxis: { type: 'date' }, yaxis: { title: 'Pressure (bar)' }
     });
 
+    Plotly.newPlot('conductivity-plot', [
+      { x: time0, y: [0], name: 'Cfeed', mode: 'lines' },
+      { x: time0, y: [0], name: 'Cperm', mode: 'lines' },
+      { x: time0, y: [0], name: 'Cdilute', mode: 'lines' }
+    ], {
+      title: 'Conductivity Measurements',
+      xaxis: { type: 'date' },
+      yaxis: { title: 'Conductivity (µS/cm)' }
+    });
+
+
     Plotly.newPlot('MV02_sp-plot', [
       { x: time0, y: [0], name: 'MV02_sp', mode: 'lines' },
       { x: time0, y: [0], name: 'MV02', mode: 'lines' }