From d8e044f59c19a57db68dd0b6e3346ab16f9d066f Mon Sep 17 00:00:00 2001
From: "AzureAD\\AniketSaha" <aniket.saha@nehemis.com>
Date: Wed, 9 Jul 2025 13:38:27 +0200
Subject: [PATCH] Added minor changes

---
 static/index.html | 87 ++++++++---------------------------------------
 1 file changed, 14 insertions(+), 73 deletions(-)

diff --git a/static/index.html b/static/index.html
index 75387ad..d55e59f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -148,9 +148,9 @@
             </div>
             <div class="mode-block">
                 <div class="pu-buttons">
-                    <button onclick="sendCommand('PROD', 1, this)"><i class="fas fa-power-off"></i> PROD PU 1</button>
-                    <button onclick="sendCommand('PROD', 2, this)"><i class="fas fa-power-off"></i> PROD PU 2</button>
-                    <button onclick="sendCommand('PROD', 3, this)"><i class="fas fa-power-off"></i> PROD PU 3</button>
+                    <button onclick="sendCommand('PRODUCTION', 1, this)"><i class="fas fa-power-off"></i> PROD PU 1</button>
+                    <button onclick="sendCommand('PRODUCTION', 2, this)"><i class="fas fa-power-off"></i> PROD PU 2</button>
+                    <button onclick="sendCommand('PRODUCTION', 3, this)"><i class="fas fa-power-off"></i> PROD PU 3</button>
                 </div>
             </div>
             <div class="mode-block">
@@ -210,9 +210,9 @@
             <div class="monitor-block">
                 <h2><i class="fas fa-bolt"></i> Conductivity</h2>
                 <div class="monitor-values" id="Conductivity">
-                    <div class="monitor-value">#1<br>0.0 µS/cm</div>
-                    <div class="monitor-value">#2<br>0.0 µS/cm</div>
-                    <div class="monitor-value">#3<br>0.0 µS/cm</div>
+                    <div class="monitor-value">#1<br>0.0 µS/cm</div>
+                    <div class="monitor-value">#2<br>0.0 µS/cm</div>
+                    <div class="monitor-value">#3<br>0.0 µS/cm</div>
                 </div>
             </div>
             <div class="monitor-block">
@@ -269,38 +269,14 @@
 }
 
 
-    async function updateMonitorData() {
-      const response = await fetch('/monitor');
-      const data = await response.json();  // data = { PU_1: {...}, PU_2: {...}, PU_3: {...} }
-
-      for (const [puId, puData] of Object.entries(data)) {
-        const container = document.getElementById(puId);
-        if (!container) continue;
-
-        container.innerHTML = `
-          <h3>${puId}</h3>
-          <div class="monitor-value">Q_perm<br>${puData.Qperm.toFixed(1)} L/h</div>
-          <div class="monitor-value">Q_dilute<br>${puData.Qdilute.toFixed(1)} L/h</div>
-          <div class="monitor-value">Q_drain<br>${puData.Qdrain.toFixed(1)} L/h</div>
-          <div class="monitor-value">Q_recirc<br>${puData.Qrecirc.toFixed(1)} L/h</div>
-
-          <div class="monitor-value">P_ro<br>${puData.Pro.toFixed(1)} bar</div>
-          <div class="monitor-value">P_dilute<br>${puData.Pdilute.toFixed(1)} bar</div>
-          <div class="monitor-value">P_rentate<br>${puData.Prentate.toFixed(1)} bar</div>
-
-          <div class="monitor-value">Conductivity<br>${puData.Conductivity.toFixed(1)} µS/cm</div>
-
-          <div class="monitor-value">MV02<br>${puData.MV02.toFixed(1)} % (sp: ${puData.MV02_sp.toFixed(1)})</div>
-          <div class="monitor-value">MV03<br>${puData.MV03.toFixed(1)} % (sp: ${puData.MV03_sp.toFixed(1)})</div>
-          <div class="monitor-value">MV05<br>${puData.MV05.toFixed(1)} % (sp: ${puData.MV05_sp.toFixed(1)})</div>
-          <div class="monitor-value">MV06<br>${puData.MV06.toFixed(1)} % (sp: ${puData.MV06_sp.toFixed(1)})</div>
-          <div class="monitor-value">MV07<br>${puData.MV07.toFixed(1)} % (sp: ${puData.MV07_sp.toFixed(1)})</div>
-          <div class="monitor-value">MV08<br>${puData.MV08.toFixed(1)} % (sp: ${puData.MV08_sp.toFixed(1)})</div>
-        `;
-      }
-    }
-
-
+        async function updateMonitorData() {
+            const response = await fetch('/monitor');
+            const data = await response.json();
+            updateMonitorValues('Qperm', data.Qperm, 'L/h');
+            updateMonitorValues('Pdilute', data.Pdilute, 'bar');
+            updateMonitorValues('Conductivity', data.Conductivity, 'µS/cm');
+            updateMonitorValues('Pro', data.Pro, 'units');
+        }
 
         function updateMonitorValues(id, values, unit) {
             const container = document.getElementById(id);
@@ -315,40 +291,5 @@
         // Update monitor data every second
         setInterval(updateMonitorData, 1000);
     </script>
-
-    <script>
-    async function fetchMonitorData() {
-        try {
-            const response = await fetch('/monitor');
-            const data = await response.json();
-
-            const keys = ["PU_1", "PU_2", "PU_3"];
-            const fields = {
-                "Qperm": "L/h",
-                "Pdilute": "bar",
-                "Conductivity": "µS/cm",
-                "Pro": "bar"
-            };
-
-            for (const field in fields) {
-                const container = document.getElementById(field);
-                if (!container) continue;
-
-                container.innerHTML = keys.map((pu, i) => {
-                    const value = data[pu][field] ?? 0.0;
-                    return `<div class="monitor-value">#${i + 1}<br>${value.toFixed(1)} ${fields[field]}</div>`;
-                }).join('');
-            }
-
-        } catch (error) {
-            console.error('Erreur lors de la récupération des données de /monitor :', error);
-        }
-    }
-
-    // Rafraîchir toutes les 3 secondes
-    setInterval(fetchMonitorData, 3000);
-    fetchMonitorData(); // Premier appel immédiat
-    </script>
-
 </body>
 </html>