Friederich Loheide
6da46f040a
Inter, Font Awesome, Chart.js, qrcodejs und TinyMCE liegen jetzt unter assets/vendor/ und werden vom eigenen Server ausgeliefert. Warum: - Datenschutz: bisher ging bei jedem Seitenaufruf die IP der Nutzer an Google Fonts, cdnjs, jsDelivr und Tiny Cloud - Funktion: UniFi-Installationen stehen oft in abgeschotteten Netzen – dort fehlten bisher Schrift, Icons, Diagramme und Editor Neu: includes/Ui.php - Ui::head()/Ui::script() binden die Assets ein und hängen einen Versionsstempel an (?v=filemtime), damit Browser nach einem Update nicht das alte CSS aus dem Cache nehmen - Ui::themeScript() setzt das Theme aus der gespeicherten Auswahl oder – wenn keine vorliegt – aus prefers-color-scheme; global.js folgt Systemwechseln live, solange nichts manuell gewählt wurde - <meta name="color-scheme"> ergänzt, damit Formularelemente passen Der TinyMCE-API-Key entfällt: der Editor läuft immer lokal (GPL-Variante), inklusive deutscher Oberfläche, wenn die App auf Deutsch steht. Neu: tools/demo/build.py – baut aus dem Projekt eine Demo-Instanz ohne Datenbank (Stubs für Database/Auth, feste Beispieldaten). Damit lassen sich Screenshots reproduzierbar erzeugen und alle Seiten einmal rendern (Smoke-Test), ohne eine MySQL-Instanz aufzusetzen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
121 lines
5.1 KiB
PHP
121 lines
5.1 KiB
PHP
<?php
|
||
/**
|
||
* Shared admin navigation/header snippet.
|
||
* Expects $currentPage (string), $appTitle (string), $auth, $db to be set before include.
|
||
* Expects I18n to be initialized.
|
||
*/
|
||
require_once __DIR__ . '/Ui.php';
|
||
|
||
$currentPage = $currentPage ?? '';
|
||
$currentUser = isset($auth) ? $auth->getCurrentUser() : null;
|
||
$lang = I18n::getLanguage();
|
||
$base = $adminBase ?? ''; // Prefix bis zum admin/-Ordner
|
||
$rootBase = $base === '' ? '../' : ''; // Prefix bis zum Projekt-Root
|
||
|
||
/** Navigation als Datenstruktur – Reihenfolge = Darstellung. */
|
||
$navGroups = [
|
||
'nav_group_overview' => [
|
||
['dashboard', 'index.php', 'fa-chart-pie', 'nav_dashboard'],
|
||
['reports', 'reports.php', 'fa-chart-line', 'nav_reports'],
|
||
['audit_log', 'audit_log.php', 'fa-clock-rotate-left','nav_audit_log'],
|
||
],
|
||
'nav_group_manage' => [
|
||
['vouchers', 'vouchers.php', 'fa-ticket', 'nav_vouchers'],
|
||
['templates', 'templates.php', 'fa-layer-group', 'nav_templates'],
|
||
['import', 'import.php', 'fa-file-arrow-up', 'nav_import'],
|
||
['sites', 'sites.php', 'fa-location-dot', 'nav_sites'],
|
||
['users', 'users.php', 'fa-users', 'nav_users'],
|
||
],
|
||
'nav_group_system' => [
|
||
['settings', 'settings.php', 'fa-sliders', 'nav_settings'],
|
||
['integrations', 'integrations.php', 'fa-plug', 'nav_integrations'],
|
||
['api_keys', 'api_keys.php', 'fa-key', 'nav_api_keys'],
|
||
['security', 'security.php', 'fa-shield-halved','nav_security'],
|
||
['backup', 'backup.php', 'fa-database', 'nav_backup'],
|
||
['update', 'update.php', 'fa-rotate', 'nav_update'],
|
||
],
|
||
];
|
||
|
||
/** Aktuellen Seitentitel für die Breadcrumb finden. */
|
||
$currentLabel = __('nav_dashboard');
|
||
foreach ($navGroups as $items) {
|
||
foreach ($items as $item) {
|
||
if ($item[0] === $currentPage) { $currentLabel = __($item[3]); }
|
||
}
|
||
}
|
||
?>
|
||
<?= Ui::head($db ?? null, $rootBase) ?>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="sidebar-overlay" onclick="closeMobileSidebar()"></div>
|
||
|
||
<aside class="sidebar" id="adminSidebar">
|
||
<a href="<?= $rootBase ?>index.php" class="sidebar-brand">
|
||
<span class="brand-mark"><i class="fas fa-wifi"></i></span>
|
||
<span class="brand-text">
|
||
<span class="brand-name"><?= htmlspecialchars($appTitle ?? 'Voucher Tool') ?></span>
|
||
<span class="brand-sub"><?= __('nav_administration') ?></span>
|
||
</span>
|
||
</a>
|
||
|
||
<nav>
|
||
<?php foreach ($navGroups as $groupKey => $items): ?>
|
||
<div class="sidebar-section"><?= __($groupKey) ?></div>
|
||
<ul class="sidebar-nav">
|
||
<?php foreach ($items as [$key, $href, $icon, $labelKey]): ?>
|
||
<li>
|
||
<a href="<?= $base . $href ?>" class="<?= $currentPage === $key ? 'active' : '' ?>">
|
||
<i class="fas <?= $icon ?>"></i> <?= __($labelKey) ?>
|
||
</a>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
<?php endforeach; ?>
|
||
</nav>
|
||
|
||
<?php if ($currentUser): ?>
|
||
<div class="sidebar-foot">
|
||
<div class="user-menu" style="width:100%;justify-content:flex-start;">
|
||
<div class="user-avatar"><?= strtoupper(mb_substr($currentUser['name'], 0, 1)) ?></div>
|
||
<div style="min-width:0;flex:1;">
|
||
<div class="user-name" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"><?= htmlspecialchars($currentUser['name']) ?></div>
|
||
<div class="user-role"><?= htmlspecialchars($currentUser['role'] ?? '') ?></div>
|
||
</div>
|
||
<a href="<?= $rootBase ?>logout.php" class="icon-btn" title="<?= __('btn_logout') ?>" style="width:30px;height:30px;font-size:12px;">
|
||
<i class="fas fa-arrow-right-from-bracket"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</aside>
|
||
|
||
<header class="topbar">
|
||
<div class="header-left">
|
||
<button class="mobile-menu-btn" onclick="toggleMobileSidebar()" title="Menu">
|
||
<i class="fas fa-bars"></i>
|
||
</button>
|
||
<div class="breadcrumb">
|
||
<span><?= __('nav_administration') ?></span>
|
||
<span class="sep">/</span>
|
||
<span class="current"><?= htmlspecialchars($currentLabel) ?></span>
|
||
</div>
|
||
</div>
|
||
<div class="header-right">
|
||
<div class="lang-switcher">
|
||
<?php foreach (I18n::getAvailable() as $code => $label): ?>
|
||
<button class="lang-btn <?= $lang === $code ? 'active' : '' ?>"
|
||
onclick="switchLanguage('<?= $code ?>')"><?= strtoupper($code) ?></button>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<button id="darkModeBtn" class="dark-mode-toggle" onclick="toggleDarkMode()" title="Dark Mode">
|
||
<i class="fas fa-moon"></i>
|
||
</button>
|
||
<a href="<?= $rootBase ?>index.php" class="btn btn-secondary">
|
||
<i class="fas fa-arrow-left"></i>
|
||
<span class="hide-mobile"><?= __('nav_back') ?></span>
|
||
</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main-content">
|