-
-
IDLE Mode
-
-
-
-
-
-
PRODUCTION Mode
-
-
-
-
-
-
First Start
-
-
-
+
+
+
+
+
+
-
Thermal Loop Cleaning
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 1.0
+
+
+
+
+
+
+ PU 1: Offline
+
+
+ PU 2: Offline
+
+
+ PU 3: Offline
+
-
Q perm
+
Q Perm
-
Q1: 0.0
-
Q2: 0.0
-
Q3: 0.0
+
#1
0.0 L/h
+
#2
0.0 L/h
+
#3
0.0 L/h
-
Pdilute
+
P Dilute
-
P1: 0.0
-
P2: 0.0
-
P3: 0.0
+
#1
0.0 bar
+
#2
0.0 bar
+
#3
0.0 bar
Conductivity
-
C1: 0.0
-
C2: 0.0
-
C3: 0.0
+
#1
0.0 µS/cm
+
#2
0.0 µS/cm
+
#3
0.0 µS/cm
-
Pro
+
Pro
-
PR1: 0.0
-
PR2: 0.0
-
PR3: 0.0
+
#1
0.0 units
+
#2
0.0 units
+
#3
0.0 units
@@ -183,65 +225,55 @@
const connectButton = document.getElementById('connectButton');
if (data.connected) {
connectButton.classList.add('connected');
- connectButton.innerHTML = '
Connected';
+ connectButton.innerHTML = '
Disconnect';
} else {
connectButton.classList.remove('connected');
- connectButton.innerHTML = '
Disconnected';
+ connectButton.innerHTML = '
Connect';
}
}
- async function triggerPU(state, puNumber) {
- const response = await fetch(`/command/${state}/pu/${puNumber}`, {
- method: 'POST'
- });
- const data = await response.json();
- console.log(data);
+ async function sendCommand(state, puNumber, buttonEl) {
+ const ploopSetpoint = document.getElementById('ploopSetpoint').value;
+ const response = await fetch(`/command/${state}/pu/${puNumber}?ploop_setpoint=${ploopSetpoint}`, {
+ method: 'POST'
+ });
- // Highlight the active mode block based on the state
- document.querySelectorAll('.mode-block').forEach(block => {
- block.classList.remove('active');
- });
+ if (!response.ok) {
+ console.error('Failed to send command');
+ return;
+ }
- // Map state to lowercase div ID suffix
- const stateToId = {
- "IDLE": "idle",
- "PRODUCTION": "prod",
- "FIRST_START": "firstStart"
- };
+ const data = await response.json();
+ console.log(data);
- const blockId = stateToId[state];
- if (blockId) {
- const block = document.getElementById(`${blockId}Mode`);
- if (block) {
- block.classList.add('active');
- }
- }
- }
+ // Reset all buttons
+ document.querySelectorAll('.mode-block button').forEach(button => {
+ button.classList.remove('active');
+ });
+ // Set the clicked button to active
+ buttonEl.classList.add('active');
+
+ // Update PU status
+ document.getElementById(`pu${puNumber}-status`).textContent = state;
+}
- async function thermalLoopCleaning(mode) {
- const response = await fetch(`/mode/${mode}/thermal_loop`, {
- method: 'POST'
- });
- const data = await response.json();
- console.log(data);
- }
async function updateMonitorData() {
const response = await fetch('/monitor');
const data = await response.json();
- updateMonitorValues('Qperm', data.Qperm);
- updateMonitorValues('Pdilute', data.Pdilute);
- updateMonitorValues('Conductivity', data.Conductivity);
- updateMonitorValues('Pro', data.Pro);
+ 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) {
+ function updateMonitorValues(id, values, unit) {
const container = document.getElementById(id);
const valueElements = container.querySelectorAll('.monitor-value');
valueElements.forEach((element, index) => {
if (index < values.length) {
- element.textContent = `${id.charAt(0)}${index + 1}: ${values[index]}`;
+ element.innerHTML = `#${index + 1}
${values[index]} ${unit}`;
}
});
}