import { escapeHtml, state } from "../core.js";
import { widgetAnmelden } from "./rahmen.js";

/* ── Systemzustand ─────────────────────────────────────────────────────────
 *
 * Nur im Terminal-Modus ein Widget. Auf dem Schreibtisch gibt es dieselben
 * Zahlen als Fenster über das Startmenü — ein Schild, das dauerhaft „modus:
 * desktop" behauptet, während man im Desktop-Modus steht, sagt niemandem etwas.
 */
export function statsHtml() {
  const up = Object.values(state.probes).filter((s) => s === "up").length;
  const rows = [
    ["apps", `${state.cfg.apps.length}`],
    ["erreichbar", `${up}/${state.cfg.apps.length}`],
    ["modus", state.settings.mode],
    ["röhre", state.settings.phosphor],
    ["version", `v${state.cfg.version}`],
  ];
  return `<dl class="statlist">${rows
    .map(([k, v]) => `<dt>${k}</dt><dd>${escapeHtml(v)}</dd>`)
    .join("")}</dl>`;
}

widgetAnmelden({
  id: "system",
  titel: "system",
  wo: ["terminal"],
  inhalt: statsHtml,
});