added bluer screen if PLC disconected

This commit is contained in:
Gamer 2026-04-17 19:52:51 +02:00
parent b1d69f1697
commit f0ffdf9296

36
main.go
View file

@ -2056,6 +2056,22 @@ const uiHTML = `<!DOCTYPE html>
font-size: 0.8rem;
color: #a1a1aa;
}
.process-offline {
opacity: 0.35;
filter: grayscale(1) blur(1.5px);
pointer-events: none;
user-select: none;
transition: opacity 180ms ease, filter 180ms ease;
}
.process-online {
opacity: 1;
filter: none;
pointer-events: auto;
user-select: auto;
transition: opacity 180ms ease, filter 180ms ease;
}
</style>
</head>
<body data-theme="dark">
@ -2095,6 +2111,7 @@ const uiHTML = `<!DOCTYPE html>
</div>
</div>
<div id="process-content">
{{if .ShowVerdict}}
<div id="verdict-card" class="verdict-card neutral mb-8">
<div>
@ -2647,6 +2664,21 @@ const uiHTML = `<!DOCTYPE html>
return 'ok';
}
function setProcessVisualState(connected) {
const el = document.getElementById('process-content');
if (!el) return;
if (connected) {
el.classList.remove('process-offline');
el.classList.add('process-online');
} else {
el.classList.remove('process-online');
el.classList.add('process-offline');
}
}
function setConnectionIndicator(connected, stale) {
const dot = document.getElementById('dot');
const text = document.getElementById('status-text');
@ -3035,6 +3067,7 @@ const uiHTML = `<!DOCTYPE html>
}
setConnectionIndicator(connected, stale);
setProcessVisualState(connected && !stale);
if (SHOW_GAUGES) {
setTextBySelector('#digital-l .percent', leftPercent.toFixed(1));
@ -3063,6 +3096,7 @@ const uiHTML = `<!DOCTYPE html>
} catch (err) {
console.warn('Live fetch error:', err);
setConnectionIndicator(false, false);
setProcessVisualState(false);
updateSummaryBar(false, false, 0, 0, 0);
updateMachineVerdict(false, false, 0, 0, 0);
updateAlarmBanner(0, 0, 0, false, false);
@ -3365,6 +3399,8 @@ const uiHTML = `<!DOCTYPE html>
}
}
setProcessVisualState(false);
fetchLiveData();
fetchHistory();
fetchTrend();