/* ============================================================
PAGES — process & utility section mimics (interactive P&ID)
============================================================ */
const RX = React.createElement;
function gbox(x, y, w, h, label, key, col = "rgba(122,160,209,0.22)") {
return RX("g", { key },
RX("rect", { x, y, width: w, height: h, rx: 8, fill: "rgba(13,31,60,0.45)", stroke: col, strokeWidth: 1.2, strokeDasharray: "4 4" }),
RX("text", { x: x + 10, y: y + 16, fill: "#647a98", style: { font: "700 9px var(--font-mono)", letterSpacing: "0.1em" } }, label)
);
}
function gtxt(x, y, s, key, size = 9, col = "#647a98", anchor = "start") {
return RX("text", { key, x, y, fill: col, textAnchor: anchor, style: { font: `600 ${size}px var(--font-mono)` } }, s);
}
function PanelWrap({ title, tag, icon = "factory", children, legend }) {
return (
{title}{tag && {tag}}
{legend &&
{legend}
}
{children}
);
}
function MiniLegend() {
const { t } = useApp();
return
{t("st_open")}/{t("st_run")}
{t("st_closed")}
{t("st_warn")}
{t("st_alarm")}
;
}
const D = id => window.devById(id);
/* ===== RECEPTION =========================================== */
function ReceptionPage() {
const { t } = useApp();
const W = 1140, H = 320;
return (
);
}
/* ===== FERMENTATION TUNNELS ================================ */
function TunnelLane({ idx }) {
const { t, open } = useApp();
const n = String(idx).padStart(2, "0");
const meta = D(`20TUN${n}`), T = D(`20TT${n}`), A = D(`20AT${n}`), P = D(`20PT${n}`);
const phaseColor = { run: ["run", "#1e9e5a"], start: ["warn", "#e8a317"], empty: ["idle", "#5b6b7d"] }[meta.phase];
const phaseLbl = { run: t("st_running"), start: t("st_filling"), empty: t("st_emptying") }[meta.phase];
return (
TF-0{n}
{phaseLbl}
{t("hrt").slice(0, 3)} {meta.day}d
);
}
function TunnelsPage() {
const { t } = useApp();
const tuns = window.devByArea("tun").filter(d => d.kind === "tunnel");
const active = tuns.filter(x => x.phase === "run").length;
const avgCh4 = window.MODEL.DEVICES.filter(d => /^20AT/.test(d.id)).reduce((s, d) => s + d.v, 0) / window.N_TUN;
const avgT = window.MODEL.DEVICES.filter(d => /^20TT/.test(d.id)).reduce((s, d) => s + d.v, 0) / window.N_TUN;
return (
{t("olr")} 3.2} />
{t("nav_tunnels")}20-TF-001…007
{t("st_running")}
{t("st_filling")}
{t("st_emptying")}
{t("tunnel")}
{t("hrt").slice(0, 3)}
{t("holder_fill")}
T · CH₄ · P
{t("ev_valve")} (EV)
{tuns.map(tn =>
)}
);
}
/* ===== PERCOLATE =========================================== */
function PercolatePage() {
const { t } = useApp();
const W = 1140, H = 330;
return (
);
}
/* ===== BIOGAS STORAGE & TREATMENT ========================== */
function BiogasPage() {
const { t } = useApp();
const W = 1140, H = 360;
const fill = D("40LT01").v;
return (
}>
{/* analyzer cluster */}
{/* condensate */}
);
}
/* ===== COGENERATION (CHP) ================================== */
function ChpPage() {
const { t } = useApp();
const W = 1140, H = 320;
const gen = D("50GG01");
return (
);
}
/* ===== HEAT RECOVERY ======================================= */
function HeatPage() {
const { t } = useApp();
const W = 1140, H = 300;
return (
);
}
/* ===== COMPRESSED AIR ====================================== */
function AirPage() {
const { t } = useApp();
const W = 1140, H = 300;
return (
d.kind === "motor" && d.running).length + " / 2"} />
}>
);
}
/* ===== BIOFILTER =========================================== */
function BiofilterPage() {
const { t } = useApp();
const W = 1140, H = 300;
return (
d.kind === "motor" && d.running).length + " / 2"} />
}>
);
}
window.PAGES = {
overview: window.OverviewPage,
params: window.ParamsPage, alarms: window.AlarmsPage, trends: window.TrendsPage,
reception: ReceptionPage, tunnels: TunnelsPage, percolate: PercolatePage, biogas: BiogasPage,
chp: ChpPage, heat: HeatPage, air: AirPage, biofilter: BiofilterPage,
};