35b7308ce2
Backend: - Audit-Log: Search-Endpoint mit ILIKE-Filter (actor/action/subject/date) - NTP: /ntp/status via chronyc tracking (Stratum, Offset, Quelle) - System: /service-restart mit Allowlist (haproxy/squid/unbound/chrony/scheduler) - Domain-Response-Headers + Rate-Limit (Migration 0024) - Join-Tokens (Migration 0025), Cluster-mTLS, Aggregator-Fan-Out - apt-Service für Update-Banner (apt-get update + Versionsprüfung) - Backup-Retry mit exponential backoff (retry_apt 3×) - publish.sh fail-fast + cleanup-old.sh (max 10 Versionen) Frontend: - Audit-Log-Page (/audit) mit Filter + Pagination - ErrorBoundary an React-Root + Vite build-target festgenagelt (iOS 15+) - Storage-Schema-Stamp: auto-wipe bei Versions-Mismatch (blank-page-Fix) - EmptyState-Komponente überall ausgerollt - SSL: Aggregate-Karte (total/expiring/expired/errors) - Backups: Aggregate-Karte (letzter Backup/Größe/Fehlschläge 24h) + Backup-Now - NTP: Sync-Status-Karte (chronyc tracking live) - Domains: Backend-UP/DOWN-Chip aus HAProxy-Stats - Backends: HAProxy-Status-Spalte (UP/DEGRADED/DOWN) - Settings: Service-Neustart-Karte (haproxy/squid/unbound/chrony/scheduler) - Settings: Upgrade-Status-Card, Wartungsmodus, Auto-Update, Retention - Dashboard: Recent-Alerts, Cluster-Health, License-Chip, Onboarding-Hint - System-Regeln im Firewall als eigener Tab Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
import { useState } from 'react'
|
|
import { Outlet, useLocation } from 'react-router-dom'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import Sidebar from './Sidebar'
|
|
import Header from './Header'
|
|
import UpdateBanner from '../UpdateBanner'
|
|
import LicenseBanner from '../LicenseBanner'
|
|
import MaintenanceBanner from '../MaintenanceBanner'
|
|
|
|
// PAGE_TITLES maps the pathname to an i18n nav key. Header reads
|
|
// this to render "where you are". Empty fallback = app.title.
|
|
const PAGE_TITLES: Record<string, string> = {
|
|
'/dashboard': 'nav.dashboard',
|
|
'/domains': 'nav.domains',
|
|
'/backends': 'nav.backends',
|
|
'/routing-rules': 'nav.routing',
|
|
'/networks': 'nav.networks',
|
|
'/ip-addresses': 'nav.ipAddresses',
|
|
'/firewall/live': 'nav.firewallLive',
|
|
'/firewall': 'nav.firewall',
|
|
'/cluster': 'nav.cluster',
|
|
'/logs': 'nav.logs',
|
|
'/audit': 'nav.audit',
|
|
'/backups': 'nav.backups',
|
|
'/diagnostics': 'nav.diagnostics',
|
|
'/alerts': 'nav.alerts',
|
|
'/license': 'nav.license',
|
|
'/settings': 'nav.settings',
|
|
}
|
|
|
|
export default function AppLayout() {
|
|
const [sidebarOpen, setSidebarOpen] = useState(false)
|
|
const location = useLocation()
|
|
const { t } = useTranslation()
|
|
|
|
const titleKey = Object.entries(PAGE_TITLES)
|
|
.find(([p]) => location.pathname === p || location.pathname.startsWith(p + '/'))?.[1]
|
|
const title = titleKey ? t(titleKey) : t('app.title')
|
|
|
|
return (
|
|
<div className="app-layout">
|
|
{sidebarOpen && (
|
|
<div
|
|
className="sidebar-overlay"
|
|
onClick={() => setSidebarOpen(false)}
|
|
aria-hidden="true"
|
|
/>
|
|
)}
|
|
|
|
<Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
|
|
|
|
<main className="main-content">
|
|
<Header pageTitle={title} onMenuToggle={() => setSidebarOpen(true)} />
|
|
<MaintenanceBanner />
|
|
<LicenseBanner />
|
|
<UpdateBanner />
|
|
<div className="content-area">
|
|
<Outlet />
|
|
</div>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|