Hitonabi
364939466f
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>
29 lines
955 B
JavaScript
29 lines
955 B
JavaScript
// 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 };
|
|
}
|