Friederich Loheide
498c7e28e0
Some checks failed
CI / PHP Lint (push) Waiting to run
CI / PHP Lint-1 (push) Waiting to run
CI / Unit Tests & Static Analysis (push) Waiting to run
CI / PHP Lint (pull_request) Has been cancelled
CI / PHP Lint-1 (pull_request) Has been cancelled
CI / Unit Tests & Static Analysis (pull_request) Has been cancelled
Frontend, Login/Installer/Updater und der komplette Admin-Bereich nutzen jetzt ein einziges Stylesheet (assets/global.css) statt pro Seite dupliziertem Inline-CSS. Design-System - Tokens für Flächen, Text, Linien, Marke, Status, Radien, Schatten und Layout-Maße; Dark Mode ausschließlich über Tokens (keine !important- Overrides mehr) - Komponenten: Buttons, Formularfelder, Cards, Tabellen, Badges, Alerts, Tabs, Pagination, Modals, Toasts, Statistik-Kacheln, Empty States - Schrift Inter mit System-Fallback Oberfläche - Admin-Shell neu: durchgehende Sidebar mit Marke, gruppierter Navigation und Benutzerbereich; schlanke Topbar mit Breadcrumb - Dashboard: ruhige KPI-Kacheln mit Icon-Chips, Charts an Theme-Farben gekoppelt - Öffentliche Voucher-Seite: App-Topbar, klare Formularstruktur und Ticket-Darstellung des erstellten Codes inkl. QR-Code - Login/Passwort/2FA: zweispaltiges Auth-Layout bzw. Fokus-Karten - Updater und Wartungsmodus im gleichen Look (Wartungsseite bleibt bewusst eigenständig ohne externe Abhängigkeiten) - Emoji-Icons in der UI durch Font-Awesome-Icons ersetzt Nebenbei behoben - Falscher SRI-Hash blockierte qrcode.min.js – QR-Codes wurden auf der Voucher-Seite und bei der 2FA-Einrichtung nie gerendert - assets/global.css wurde in mehreren Admin-Seiten über einen falschen Pfad eingebunden ($adminBase = '' statt '../') - TinyMCE lädt ohne API-Key jetzt die GPL-Variante von cdnjs – kein "valid API key required"-Banner mehr im Einstellungs-Editor - Tabellen in Cards scrollen horizontal statt zu überlaufen Screenshots in docs/screenshots neu erstellt, README aktualisiert (neuer Abschnitt "Design-System", Version 2.5.0). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
133 lines
5.8 KiB
PHP
133 lines
5.8 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.
|
||
*/
|
||
$currentPage = $currentPage ?? '';
|
||
$faviconUrl = isset($db) ? $db->getSetting('favicon_url', '') : '';
|
||
$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]); }
|
||
}
|
||
}
|
||
?>
|
||
<?php if ($faviconUrl): ?>
|
||
<link rel="icon" type="image/x-icon" href="<?= htmlspecialchars($faviconUrl) ?>">
|
||
<?php endif; ?>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<link rel="stylesheet" href="<?= $rootBase ?>assets/global.css">
|
||
<script>
|
||
(function(){
|
||
const t = localStorage.getItem('theme') || 'light';
|
||
document.documentElement.setAttribute('data-theme', t);
|
||
})();
|
||
</script>
|
||
</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">
|