Files
mission-control/static/js/panels/maintenance.js
T
Hitonabi 364939466f Mission Control v2 – Schritt 1: SoC-Refactor + Design 2.0
Architektur auf Separation of Concerns umgestellt – ohne Build-Schritt,
ohne neues Framework, ohne DB (KISS bleibt). Endpoint-URLs unveraendert,
daher 1:1-kompatibel zum bisherigen Stand.

Backend (Top-Level-Helfer + ein Router je Bereich):
- app.py auf duennen Einstieg reduziert (FastAPI + include_router + static)
- config/auth/jobengine/llamaswap als getrennte Helfer-Module
- Endpoints in routers/{models,jobs,maintenance}.py

Frontend (native ES-Module statt Single-File):
- index.html = Huelle: Sidebar-Nav, Topbar, Alert-Banner, Hash-Routing
- css/{base,components}.css – Tokens + Komponenten
- js/core/{api,ui,nav}.js + js/panels/{overview,models,maintenance,jobs}.js + main.js
- Panel-Vertrag: { id, mount?(), onStatus?(s), onJobs?(jobs) }
- Optik an docs/mission-control-overview.png angelehnt (Hero, KPI-Kacheln,
  Listen, Aktivitaets-Stream, getoente Karten)

Doku: CLAUDE.md + README auf die neue Struktur aktualisiert.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-20 20:46:45 +02:00

41 lines
1.3 KiB
JavaScript

// maintenance.js — Wartungs-Karte: Container aktualisieren + alle Modelle entladen.
// Spaeter waechst hier das Server-Management an (Roadmap Feature 1).
import { api } from "../core/api.js";
import { $, toast } from "../core/ui.js";
import { track } from "./jobs.js";
function mount() {
$("#wartung").innerHTML = `
<div class="card-h"><h3>Wartung</h3></div>
<div class="btn-row">
<button id="w-update">Container aktualisieren</button>
<button id="w-unload" class="danger">Alles aus dem Speicher</button>
</div>
<div class="hint" style="margin-top:12px">
Update-Befehl wird per <span class="mono-sm">MC_UPDATE_CMD</span> gesetzt.
Server-Steuerung (Dienste, OS-Updates, Reboot) folgt als eigener Bereich.
</div>`;
$("#w-update").addEventListener("click", update);
$("#w-unload").addEventListener("click", unloadAll);
}
async function update() {
try {
const r = await api("/api/update", { method: "POST" });
toast("Update läuft.");
track(r.job_id);
} catch (e) { toast(e.message, true); }
}
async function unloadAll() {
try {
await api("/api/unload", { method: "POST" });
toast("Alle Modelle entladen.");
setTimeout(() => document.dispatchEvent(new Event("mc:refresh")), 600);
} catch (e) { toast(e.message, true); }
}
export default { id: "maintenance", mount };