2ef4cc00e1
De-clutter each component into sub-system folders (apps: core/ port-manager/
services/ tools/ routing/; admin: config/ overview/ system/ ssh/ peers/) with
the standard js/ css/ html/ icons/ layout inside; single-page components
(backup/dashboard/tasks/updater) get js/ css/ html/. Single-feature icon sets
moved into their sub-system (vpn -> apps/core/icons, config/cpu/os ->
admin/{config,system}/icons); shared app + category icons stay in core/icons.
feature.json + index.js stay at each component root (the scanned descriptor +
entry). Every controller/CSS/fragment/icon path reference rewritten; verified
no stale refs, all JS valid.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
43 lines
2.1 KiB
JavaScript
43 lines
2.1 KiB
JavaScript
// features/dashboard/index.js — the landing Dashboard as a feature module.
|
|
//
|
|
// dashboard.js exposes bare global functions (loadInstalledApps,
|
|
// loadDashboardData live in dashboard.js / data-loader.js, both eager core
|
|
// scripts) — there is no controller class to lazy-load, so scripts is empty.
|
|
// system-loader's 'dashboard' component already ran initializeData()/
|
|
// loadSystemInfo()/setupEventListeners() once at boot; mount() only does the
|
|
// per-navigation refresh (mirrors the old handleDashboard + the navigate()
|
|
// data-reload special-case, which has been removed from spa.js so the reload
|
|
// now fires exactly once here).
|
|
LP.features.register({
|
|
id: 'dashboard',
|
|
routes: ['/', '/dashboard'],
|
|
|
|
async mount(ctx) {
|
|
const html = await ctx.loadFragment('/components/dashboard/html/dashboard-content.html');
|
|
ctx.setContent(html, 'Dashboard');
|
|
|
|
// Render the installed-apps icon grid (handleDashboard's only post-render call).
|
|
if (typeof loadInstalledApps === 'function') loadInstalledApps();
|
|
|
|
// Repaint the stat cards / disk donut + (re)wire the 1 Hz live SSE. The
|
|
// 100 ms cushion lets the freshly-injected DOM settle (loadSystemInfo also
|
|
// guards on element presence). ctx.sub() cancels it if we navigate away
|
|
// before it fires.
|
|
const reloadTimer = setTimeout(() => {
|
|
if (typeof loadDashboardData === 'function') loadDashboardData();
|
|
}, 100);
|
|
ctx.sub(() => clearTimeout(reloadTimer));
|
|
},
|
|
|
|
async unmount() {
|
|
// Nothing this view owns is destroyable from here: the dashboard has no
|
|
// handler-newed controller and no system-loader singleton to tear down.
|
|
// The pending reload timer is cancelled via the ctx.sub() above (ctx.teardown).
|
|
// The 1 Hz LiveSystem SSE sub (attachDashboardLive) self-releases on its
|
|
// next sample once the dashboard DOM is gone, and the 1 s update countdown
|
|
// is a module-private interval with no exported stopper (pre-existing; it
|
|
// self-clears on the next dashboard mount). Both are noted for the Phase 5
|
|
// dashboard cleanup; neither is reachable here.
|
|
},
|
|
});
|