aniketSaha/NorthStar-HMI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added minor changes

Browse Source
This commit is contained in:
AzureAD\AniketSaha 2025-07-09 13:38:27 +02:00
parent 743dcb81c3
commit d8e044f59c
1 changed files with 14 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
static/index.html
View File

@ -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>