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>
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
// nav.js — minimaler Hash-basierter View-Switch fuer die Sidebar.
|
||||
// Zeigt genau eine .view[data-view] und markiert das aktive Nav-Item.
|
||||
|
||||
import { $$ } from "./ui.js";
|
||||
|
||||
export function initNav(defaultView = "overview") {
|
||||
const items = $$(".nav-item[data-view]:not(.disabled)");
|
||||
const views = $$(".view[data-view]");
|
||||
const valid = new Set(views.map(v => v.dataset.view));
|
||||
|
||||
function show(view) {
|
||||
if (!valid.has(view)) view = defaultView;
|
||||
views.forEach(v => (v.hidden = v.dataset.view !== view));
|
||||
items.forEach(i => i.classList.toggle("active", i.dataset.view === view));
|
||||
if (location.hash !== "#/" + view) location.hash = "#/" + view;
|
||||
}
|
||||
|
||||
items.forEach(i =>
|
||||
i.addEventListener("click", e => {
|
||||
e.preventDefault();
|
||||
show(i.dataset.view);
|
||||
})
|
||||
);
|
||||
window.addEventListener("hashchange", () => show(location.hash.replace("#/", "")));
|
||||
|
||||
show(location.hash.replace("#/", "") || defaultView);
|
||||
return { show };
|
||||
}
|
||||
Reference in New Issue
Block a user