5351da5b4c
Final structural phase — the catch-all core/ui/ is gone and core/boot/ keeps
only the genuine bootstrap pipeline:
core/ui/eo-modal.js, confirmation-dialog.js -> core/overlays/
core/ui/notifications.js -> core/notifications/
core/ui/topbar.{js,html}, mobile-menu.js -> core/topbar/
core/ui/update-notifier.js -> core/update-notifier/
core/ui/backup-app-card.js -> core/backup-card/ (shared widget)
core/boot/controls/ -> core/forms/controls/
core/boot/setup/ -> core/setup/
core/boot/loading-ui.js -> core/loading/
core/boot/auth-manager.js -> core/boot/auth/
Each subsystem now owns its JS + CSS together (topbar.js beside topbar.css,
auth-manager beside login.css, etc.). Path-only moves; rewrote literals in
index.html, system-loader.js (confirmation/notifications/topbar/mobile-menu/
update-notifier/apps bundles), topbar.js's internal fetch('/core/topbar/
topbar.html'), and all THREE backup-app-card loaders (system-loader, backup/
index.js, spa.js). core/boot now = system-loader, system-orchestrator, auth/.
All 24 referenced paths resolve; full node --check sweep clean.
Signed-off-by: librelad <librelad@digitalangels.vip>
128 lines
6.4 KiB
HTML
Executable File
128 lines
6.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LibrePortal - Modern Docker Management</title>
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/core/icons/libreportal.svg">
|
|
<link rel="icon" type="image/x-icon" href="/core/icons/favicon.ico" sizes="any">
|
|
<link rel="apple-touch-icon" href="/core/icons/libreportal.svg">
|
|
|
|
<!-- Styles -->
|
|
<!-- Base token layer (theme-agnostic): --font-mono, --page-* identity hues -->
|
|
<link rel="stylesheet" href="/core/theme/tokens.css">
|
|
<link rel="stylesheet" href="/core/theme/themes.css">
|
|
<link rel="stylesheet" href="/core/loading/loading-screen.css">
|
|
<link rel="stylesheet" href="/core/setup/setup-wizard.css">
|
|
<link rel="stylesheet" href="/core/theme/base.css">
|
|
<link rel="stylesheet" href="/components/admin/config/css/ip-whitelist.css">
|
|
<link rel="stylesheet" href="/components/apps/port-manager/css/port-manager.css">
|
|
<link rel="stylesheet" href="/components/backup/core/css/backup.css">
|
|
<link rel="stylesheet" href="/components/admin/ssh/css/ssh.css">
|
|
<link rel="stylesheet" href="/components/admin/core/css/admin.css">
|
|
<link rel="stylesheet" href="/components/apps/services/css/services.css">
|
|
<link rel="stylesheet" href="/core/overlays/modal.css">
|
|
<link rel="stylesheet" href="/components/apps/tools/css/tools.css">
|
|
<link rel="stylesheet" href="/components/apps/routing/css/routing.css">
|
|
<link rel="stylesheet" href="/core/boot/auth/login.css">
|
|
<link rel="stylesheet" href="/core/theme/aurora-background.css">
|
|
<link rel="stylesheet" href="/core/topbar/topbar.css">
|
|
<link rel="stylesheet" href="/core/topbar/sidebar.css">
|
|
<link rel="stylesheet" href="/components/apps/core/css/apps-layout.css">
|
|
<link rel="stylesheet" href="/components/apps/core/css/apps.css">
|
|
<link rel="stylesheet" href="/core/forms/forms.css">
|
|
<link rel="stylesheet" href="/core/forms/config.css">
|
|
<link rel="stylesheet" href="/components/apps/core/css/service-buttons.css">
|
|
<link rel="stylesheet" href="/components/dashboard/css/dashboard.css">
|
|
<link rel="stylesheet" href="/components/tasks/css/tasks.css">
|
|
<link rel="stylesheet" href="/components/updater/css/updater.css">
|
|
<link rel="stylesheet" href="/core/update-notifier/update-notifier.css">
|
|
<script>
|
|
// Inline data-theme bootstrap — runs before any rendering so the right
|
|
// palette tokens resolve on first paint. Synchronously injects a
|
|
// <link> to the saved theme's CSS (which lives at
|
|
// /themes/<name>/theme.css) so even the very first frame paints with
|
|
// the correct palette. ThemeRegistry below additionally <link>s every
|
|
// discovered theme so the dropdown can switch between them without
|
|
// another fetch.
|
|
(function () {
|
|
var legacy = localStorage.getItem('selectedTheme');
|
|
if (legacy && !localStorage.getItem('theme')) localStorage.setItem('theme', legacy);
|
|
if (legacy) localStorage.removeItem('selectedTheme');
|
|
var theme = localStorage.getItem('theme');
|
|
if (theme === 'dark' || theme === 'blue') theme = 'dark-blue';
|
|
if (!theme) theme = 'nebula';
|
|
localStorage.setItem('theme', theme);
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
|
|
// Synchronous <link> injection. Inserted via document.write so the
|
|
// parser blocks on this stylesheet — guarantees first paint has
|
|
// the palette tokens defined. Marked with data-theme-css="<name>"
|
|
// so ThemeRegistry can detect and skip duplicates.
|
|
document.write(
|
|
'<link rel="stylesheet" href="/themes/' + theme +
|
|
'/theme.css" data-theme-css="' + theme + '">'
|
|
);
|
|
})();
|
|
</script>
|
|
<script src="/core/theme/theme-registry.js"></script>
|
|
<script src="/core/forms/controls/custom-select.js"></script>
|
|
<script src="/core/forms/controls/custom-number.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Topbar Container -->
|
|
<div id="topbar-container">
|
|
<!-- Topbar will be loaded here -->
|
|
</div>
|
|
|
|
<!-- Main Content Container -->
|
|
<main id="main-content" class="main">
|
|
<div id="app-content">
|
|
<!-- App content will be loaded here -->
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Scripts -->
|
|
<!-- Auth must load first — gates all other initialization -->
|
|
<script src="/core/boot/auth/auth-manager.js"></script>
|
|
<!-- Essential Bootstrap -->
|
|
<!-- LpUi runs first so body.lp-ui--advanced / lp-ui--dev are set
|
|
before any page/component renders → no FOUC of advanced sections. -->
|
|
<script src="/core/ui-mode/lp-ui.js"></script>
|
|
<script src="/core/dom/dom-helpers.js"></script>
|
|
<script src="/core/app-meta/app-helpers.js"></script>
|
|
<script src="/core/data-loader/data-loader.js"></script>
|
|
<script src="/core/live/live-system.js"></script>
|
|
<script src="/core/ui-state/dismissible.js"></script>
|
|
<script src="/core/overlays/eo-modal.js"></script>
|
|
<script src="/core/tasks/task-refresh-coordinator.js"></script>
|
|
<script src="/components/dashboard/js/dashboard.js"></script>
|
|
<script src="/core/boot/system-loader.js"></script>
|
|
<script src="/core/loading/loading-ui.js"></script>
|
|
<script src="/core/setup/setup-detector.js"></script>
|
|
<script src="/core/setup/setup-wizard.js"></script>
|
|
<script src="/core/setup/setup-completion-watcher.js"></script>
|
|
<script src="/core/boot/system-orchestrator.js"></script>
|
|
<!-- Feature-module kernel. Currently passive: defines window.LP.features and
|
|
loads the page manifest; spa.js consults it for routing. See
|
|
docs/frontend-modularization.md. -->
|
|
<script src="/core/kernel/feature-registry.js"></script>
|
|
<script src="/core/kernel/services.js"></script>
|
|
<script src="/core/kernel/lifecycle.js"></script>
|
|
<!-- Component (page) modules are NOT listed here: the kernel loads each one's
|
|
self-registering index.js from the manifest (components/manifest.dev.json)
|
|
before routing. Adding a page = drop a components/<id>/ folder + a manifest
|
|
entry, no index.html edit. Heavy controllers stay lazy (loaded by mount). -->
|
|
<!--
|
|
Page-specific controllers are loaded on demand by spa.js / config-manager.js
|
|
when the user navigates to the relevant route. Keeping them out of the
|
|
initial <script> block trims ~200 KB raw (~50 KB gzipped) off the cold-load
|
|
cost AND avoids parsing them up front on the dashboard, which most users
|
|
land on. Each handler's loadScript() call is idempotent — subsequent
|
|
navigations to the same route are free.
|
|
-->
|
|
<script src="/core/kernel/spa.js"></script>
|
|
</body>
|
|
</html>
|