Add tenant dashboard (Phase 2)
Dashboard Features: - Login page with session-based auth - Overview page with live stats (viewers, stream status) - Stream settings (URL, type configuration) - Branding editor (colors, texts, custom CSS) - Settings page (weather, content toggles, UI options) New Files: - dashboard/index.php: Main overview with stats - dashboard/login.php: Authentication page - dashboard/logout.php: Session cleanup - dashboard/stream.php: Stream configuration - dashboard/branding.php: Visual customization - dashboard/settings.php: Feature toggles - dashboard/templates/layout.php: Shared layout - dashboard/api/stats.php: Stats API endpoint - dashboard/assets/dashboard.css: Modern dashboard UI - dashboard/assets/dashboard.js: Client-side functionality - src/Auth/AuthManager.php: Secure auth with Argon2, remember-me Auth Features: - Secure password hashing (Argon2ID) - Remember-me tokens - Role-based access (super_admin, tenant_admin, tenant_user) - Legacy fallback for existing admin credentials
This commit is contained in:
Claude
@@ -0,0 +1,230 @@
|
||||
<?php
|
||||
/**
|
||||
* Dashboard - Branding Einstellungen
|
||||
*/
|
||||
|
||||
require_once dirname(__DIR__) . '/vendor/autoload.php';
|
||||
require_once dirname(__DIR__) . '/SettingsManager.php';
|
||||
|
||||
if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
|
||||
require_once dirname(__DIR__) . '/src/bootstrap.php';
|
||||
}
|
||||
|
||||
use AuroraLivecam\Auth\AuthManager;
|
||||
use AuroraLivecam\Core\Database;
|
||||
use AuroraLivecam\Tenant\TenantManager;
|
||||
|
||||
$settingsManager = new SettingsManager();
|
||||
$auth = new AuthManager();
|
||||
$auth->requireLogin();
|
||||
|
||||
$user = $auth->getUser();
|
||||
$tenantId = $user['tenant_id'] ?? 0;
|
||||
|
||||
$flashMessage = null;
|
||||
$flashType = 'info';
|
||||
|
||||
// Branding-Daten laden
|
||||
$branding = [
|
||||
'site_name' => '',
|
||||
'site_name_full' => '',
|
||||
'tagline' => '',
|
||||
'primary_color' => '#667eea',
|
||||
'secondary_color' => '#764ba2',
|
||||
'accent_color' => '#f093fb',
|
||||
'welcome_text_de' => '',
|
||||
'welcome_text_en' => '',
|
||||
'footer_text' => '',
|
||||
'custom_css' => '',
|
||||
];
|
||||
|
||||
try {
|
||||
$db = Database::getInstance();
|
||||
if ($tenantId > 0) {
|
||||
$tenantManager = new TenantManager($db);
|
||||
$dbBranding = $tenantManager->getBranding($tenantId);
|
||||
if ($dbBranding) {
|
||||
$branding = array_merge($branding, $dbBranding);
|
||||
}
|
||||
}
|
||||
} catch (\Exception $e) {
|
||||
// DB nicht verfügbar
|
||||
}
|
||||
|
||||
// Formular verarbeiten
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
$newBranding = [
|
||||
'site_name' => trim($_POST['site_name'] ?? ''),
|
||||
'site_name_full' => trim($_POST['site_name_full'] ?? ''),
|
||||
'tagline' => trim($_POST['tagline'] ?? ''),
|
||||
'primary_color' => $_POST['primary_color'] ?? '#667eea',
|
||||
'secondary_color' => $_POST['secondary_color'] ?? '#764ba2',
|
||||
'accent_color' => $_POST['accent_color'] ?? '#f093fb',
|
||||
'welcome_text_de' => trim($_POST['welcome_text_de'] ?? ''),
|
||||
'welcome_text_en' => trim($_POST['welcome_text_en'] ?? ''),
|
||||
'footer_text' => trim($_POST['footer_text'] ?? ''),
|
||||
'custom_css' => trim($_POST['custom_css'] ?? ''),
|
||||
];
|
||||
|
||||
try {
|
||||
$db = Database::getInstance();
|
||||
if ($tenantId > 0) {
|
||||
$tenantManager = new TenantManager($db);
|
||||
$tenantManager->updateBranding($tenantId, $newBranding);
|
||||
|
||||
$flashMessage = 'Branding gespeichert!';
|
||||
$flashType = 'success';
|
||||
$branding = array_merge($branding, $newBranding);
|
||||
} else {
|
||||
$flashMessage = 'Branding kann im Legacy-Modus nicht gespeichert werden.';
|
||||
$flashType = 'warning';
|
||||
}
|
||||
} catch (\Exception $e) {
|
||||
$flashMessage = 'Fehler beim Speichern: ' . $e->getMessage();
|
||||
$flashType = 'error';
|
||||
}
|
||||
}
|
||||
|
||||
$pageTitle = 'Branding';
|
||||
$currentPage = 'branding';
|
||||
|
||||
ob_start();
|
||||
?>
|
||||
|
||||
<form method="POST" action="">
|
||||
<div class="grid grid-2">
|
||||
<!-- Grundeinstellungen -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Grundeinstellungen</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="site_name">Site Name (kurz)</label>
|
||||
<input type="text" id="site_name" name="site_name" class="form-input"
|
||||
value="<?php echo htmlspecialchars($branding['site_name']); ?>"
|
||||
placeholder="MeineCam">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="site_name_full">Site Name (vollständig)</label>
|
||||
<input type="text" id="site_name_full" name="site_name_full" class="form-input"
|
||||
value="<?php echo htmlspecialchars($branding['site_name_full']); ?>"
|
||||
placeholder="Meine Wetter Livecam">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="tagline">Tagline / Slogan</label>
|
||||
<input type="text" id="tagline" name="tagline" class="form-input"
|
||||
value="<?php echo htmlspecialchars($branding['tagline']); ?>"
|
||||
placeholder="Ihre Live-Webcam 24/7">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Farben -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Farben</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Primärfarbe</label>
|
||||
<div class="color-picker-wrapper">
|
||||
<input type="color" name="primary_color" class="color-picker"
|
||||
value="<?php echo htmlspecialchars($branding['primary_color']); ?>">
|
||||
<span class="color-value"><?php echo htmlspecialchars($branding['primary_color']); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Sekundärfarbe</label>
|
||||
<div class="color-picker-wrapper">
|
||||
<input type="color" name="secondary_color" class="color-picker"
|
||||
value="<?php echo htmlspecialchars($branding['secondary_color']); ?>">
|
||||
<span class="color-value"><?php echo htmlspecialchars($branding['secondary_color']); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Akzentfarbe</label>
|
||||
<div class="color-picker-wrapper">
|
||||
<input type="color" name="accent_color" class="color-picker"
|
||||
value="<?php echo htmlspecialchars($branding['accent_color']); ?>">
|
||||
<span class="color-value"><?php echo htmlspecialchars($branding['accent_color']); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vorschau -->
|
||||
<div style="margin-top: 1rem; padding: 1rem; border-radius: 0.5rem;
|
||||
background: linear-gradient(135deg, <?php echo htmlspecialchars($branding['primary_color']); ?> 0%, <?php echo htmlspecialchars($branding['secondary_color']); ?> 100%);">
|
||||
<span style="color: white; font-weight: bold;">Farbvorschau</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Texte -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Willkommenstexte</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="grid grid-2">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="welcome_text_de">Willkommenstext (Deutsch)</label>
|
||||
<textarea id="welcome_text_de" name="welcome_text_de" class="form-textarea"
|
||||
placeholder="Willkommen bei unserer Livecam..."><?php echo htmlspecialchars($branding['welcome_text_de']); ?></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="welcome_text_en">Welcome Text (English)</label>
|
||||
<textarea id="welcome_text_en" name="welcome_text_en" class="form-textarea"
|
||||
placeholder="Welcome to our livecam..."><?php echo htmlspecialchars($branding['welcome_text_en']); ?></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="footer_text">Footer Text</label>
|
||||
<input type="text" id="footer_text" name="footer_text" class="form-input"
|
||||
value="<?php echo htmlspecialchars($branding['footer_text']); ?>"
|
||||
placeholder="© 2024 Ihre Livecam">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Eigenes CSS</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="custom_css">Custom CSS (optional)</label>
|
||||
<textarea id="custom_css" name="custom_css" class="form-textarea"
|
||||
style="font-family: monospace; min-height: 150px;"
|
||||
placeholder="/* Eigene CSS-Regeln hier */"><?php echo htmlspecialchars($branding['custom_css']); ?></textarea>
|
||||
<p class="form-help">Fortgeschrittene Benutzer können hier eigene CSS-Regeln hinzufügen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 1.5rem;">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Branding speichern
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
// Color picker update
|
||||
document.querySelectorAll('.color-picker').forEach(picker => {
|
||||
picker.addEventListener('input', (e) => {
|
||||
e.target.parentNode.querySelector('.color-value').textContent = e.target.value;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php
|
||||
$content = ob_get_clean();
|
||||
include __DIR__ . '/templates/layout.php';
|
||||
Reference in New Issue
Block a user