Friederich Loheide
30d0ce3a23
Design-Tab (Administration → Einstellungen → Design): - Akzentfarbe für Hell- und Dark-Mode, Markenverlauf und Eckenradius - abgeleitete Töne (Hover, weiche Flächen, Fokusring) werden per color-mix aus der Grundfarbe berechnet – eine Farbe genügt - Live-Vorschau mit Button, Badge, Chip, Logo-Kachel und Link - Ausgabe als schlanker :root-Override über Ui::brandingStyle(), greift auf allen Seiten inklusive Login und Installer Uploads (includes/Upload.php): - Logo, Favicon, Login-Logo und Login-Hintergrund lassen sich jetzt hochladen; das URL-Feld bleibt als Alternative bestehen - Whitelist nach Endung, 3-MB-Grenze, getimagesize-Prüfung für Raster, SVGs werden von Skripten, Event-Handlern und externen Verweisen befreit - Zufällige Dateinamen in uploads/, dort sperrt eine .htaccess die Ausführung von PHP; beim Ersetzen wird die alte Datei gelöscht Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
825 lines
51 KiB
PHP
825 lines
51 KiB
PHP
<?php
|
||
error_reporting(E_ALL);
|
||
ini_set('display_errors', 0);
|
||
ini_set('log_errors', 1);
|
||
|
||
require_once __DIR__ . '/../config.php';
|
||
require_once __DIR__ . '/../includes/Database.php';
|
||
require_once __DIR__ . '/../includes/Auth.php';
|
||
require_once __DIR__ . '/../includes/Mailer.php';
|
||
require_once __DIR__ . '/../includes/I18n.php';
|
||
require_once __DIR__ . '/../includes/Ui.php';
|
||
require_once __DIR__ . '/../includes/Upload.php';
|
||
|
||
$auth = new Auth();
|
||
$auth->requireAdmin();
|
||
I18n::init();
|
||
|
||
$db = Database::getInstance();
|
||
$appTitle = $db->getSetting('app_title', 'UniFi Voucher System');
|
||
|
||
// AJAX: SMTP-Test-E-Mail senden
|
||
if (isset($_POST['ajax_smtp_test'])) {
|
||
header('Content-Type: application/json');
|
||
if (!$auth->validateCsrfToken($_POST['csrf_token'] ?? '')) {
|
||
echo json_encode(['success' => false, 'message' => __('error_csrf')]);
|
||
exit;
|
||
}
|
||
$to = trim($_POST['test_email'] ?? '');
|
||
if (!filter_var($to, FILTER_VALIDATE_EMAIL)) {
|
||
echo json_encode(['success' => false, 'message' => __('error_email_invalid')]);
|
||
exit;
|
||
}
|
||
$mailer = new Mailer();
|
||
$ok = $mailer->sendTestEmail($to);
|
||
echo json_encode([
|
||
'success' => $ok,
|
||
'message' => $ok ? "Test-E-Mail wurde an {$to} gesendet." : 'Versand fehlgeschlagen. Prüfen Sie die SMTP-Einstellungen.'
|
||
]);
|
||
exit;
|
||
}
|
||
|
||
$error = '';
|
||
$success = '';
|
||
|
||
/**
|
||
* Liefert den neuen Wert eines Bildfeldes: Upload schlaegt URL, und ein
|
||
* gesetzter Entfernen-Schalter loescht die bisherige Datei.
|
||
*/
|
||
function resolveImageField(string $name, Database $db, string $kind): string
|
||
{
|
||
$current = (string)$db->getSetting($name, '');
|
||
|
||
$uploaded = Upload::store($_FILES[$name . '_file'] ?? [], $kind);
|
||
if ($uploaded !== '') {
|
||
Upload::delete($current);
|
||
return $uploaded;
|
||
}
|
||
|
||
if (!empty($_POST[$name . '_remove'])) {
|
||
Upload::delete($current);
|
||
return '';
|
||
}
|
||
|
||
$value = trim($_POST[$name] ?? '');
|
||
if ($value !== $current && Upload::isLocal($current) && !Upload::isLocal($value)) {
|
||
Upload::delete($current);
|
||
}
|
||
|
||
return $value;
|
||
}
|
||
|
||
// Einstellungen speichern
|
||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['save_settings'])) {
|
||
if (!$auth->validateCsrfToken($_POST['csrf_token'] ?? '')) {
|
||
$error = __('error_csrf');
|
||
} else {
|
||
try {
|
||
$settings = [];
|
||
$formType = $_POST['form_type'] ?? '';
|
||
|
||
if ($formType === 'general') {
|
||
$settings['app_title'] = trim($_POST['app_title'] ?? '');
|
||
$settings['logo_url'] = resolveImageField('logo_url', $db, 'image');
|
||
$settings['favicon_url'] = resolveImageField('favicon_url', $db, 'favicon');
|
||
$settings['instruction_header'] = trim($_POST['instruction_header'] ?? '');
|
||
$settings['instruction_text'] = $_POST['instruction_text'] ?? '';
|
||
$settings['public_access'] = isset($_POST['public_access']) ? '1' : '0';
|
||
}
|
||
|
||
if ($formType === 'branding') {
|
||
foreach (['brand_accent', 'brand_accent_dark', 'brand_gradient_from', 'brand_gradient_to'] as $key) {
|
||
$value = strtolower(trim($_POST[$key] ?? ''));
|
||
$settings[$key] = preg_match('/^#[0-9a-f]{6}$/', $value) ? $value : '';
|
||
}
|
||
$radius = (int)($_POST['brand_radius'] ?? Ui::DEFAULT_RADIUS);
|
||
$settings['brand_radius'] = (string)max(0, min(28, $radius));
|
||
}
|
||
|
||
if ($formType === 'login') {
|
||
$settings['login_panel_enabled'] = isset($_POST['login_panel_enabled']) ? '1' : '0';
|
||
$settings['login_brand_name'] = trim($_POST['login_brand_name'] ?? '');
|
||
$settings['login_logo_url'] = resolveImageField('login_logo_url', $db, 'image');
|
||
$settings['login_claim_title'] = trim($_POST['login_claim_title'] ?? '');
|
||
$settings['login_claim_text'] = trim($_POST['login_claim_text'] ?? '');
|
||
$settings['login_features'] = trim($_POST['login_features'] ?? '');
|
||
$settings['login_footer'] = trim($_POST['login_footer'] ?? '');
|
||
$settings['login_bg_image'] = resolveImageField('login_bg_image', $db, 'image');
|
||
$settings['login_bg_from'] = trim($_POST['login_bg_from'] ?? '');
|
||
$settings['login_bg_to'] = trim($_POST['login_bg_to'] ?? '');
|
||
$overlay = (int)($_POST['login_bg_overlay'] ?? 40);
|
||
$settings['login_bg_overlay'] = (string)max(0, min(90, $overlay));
|
||
}
|
||
|
||
if ($formType === 'defaults') {
|
||
$expMin = (int)($_POST['default_expire_minutes'] ?? 480);
|
||
$defDev = (int)($_POST['default_max_uses'] ?? 1);
|
||
$maxDev = (int)($_POST['max_uses_limit'] ?? 10);
|
||
if ($expMin < 1) $expMin = 480;
|
||
if ($defDev < 1) $defDev = 1;
|
||
if ($maxDev < 1) $maxDev = 10;
|
||
$settings['default_expire_minutes'] = (string)$expMin;
|
||
$settings['default_max_uses'] = (string)$defDev;
|
||
$settings['max_uses_limit'] = (string)$maxDev;
|
||
}
|
||
|
||
if ($formType === 'm365') {
|
||
$settings['m365_client_id'] = trim($_POST['m365_client_id'] ?? '');
|
||
$settings['m365_client_secret'] = trim($_POST['m365_client_secret'] ?? '');
|
||
$settings['m365_tenant_id'] = trim($_POST['m365_tenant_id'] ?? '');
|
||
}
|
||
|
||
if ($formType === 'smtp') {
|
||
$settings['smtp_enabled'] = isset($_POST['smtp_enabled']) ? '1' : '0';
|
||
$settings['smtp_host'] = trim($_POST['smtp_host'] ?? '');
|
||
$settings['smtp_port'] = trim($_POST['smtp_port'] ?? '587');
|
||
$settings['smtp_username'] = trim($_POST['smtp_username'] ?? '');
|
||
if (!empty($_POST['smtp_password'])) {
|
||
$settings['smtp_password'] = trim($_POST['smtp_password']);
|
||
}
|
||
$settings['smtp_encryption'] = trim($_POST['smtp_encryption'] ?? 'tls');
|
||
$settings['smtp_from_email'] = trim($_POST['smtp_from_email'] ?? '');
|
||
$settings['smtp_from_name'] = trim($_POST['smtp_from_name'] ?? '');
|
||
}
|
||
|
||
if ($formType === 'templates') {
|
||
$settings['email_voucher_subject'] = trim($_POST['email_voucher_subject'] ?? '');
|
||
$settings['email_voucher_body'] = $_POST['email_voucher_body'] ?? '';
|
||
$settings['email_user_notification_subject'] = trim($_POST['email_user_notification_subject'] ?? '');
|
||
$settings['email_user_notification_body'] = $_POST['email_user_notification_body'] ?? '';
|
||
$settings['system_url'] = trim($_POST['system_url'] ?? '');
|
||
}
|
||
|
||
if ($formType === 'system') {
|
||
$settings['print_template'] = $_POST['print_template'] ?? '';
|
||
}
|
||
|
||
foreach ($settings as $key => $value) {
|
||
$db->setSetting($key, $value);
|
||
}
|
||
|
||
$success = __('settings_saved');
|
||
} catch (RuntimeException $e) {
|
||
$error = $e->getMessage();
|
||
} catch (Exception $e) {
|
||
$error = 'Fehler: ' . $e->getMessage();
|
||
}
|
||
}
|
||
}
|
||
|
||
// Cron-Token generieren/löschen
|
||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['generate_cron_token'])) {
|
||
if (!$auth->validateCsrfToken($_POST['csrf_token'] ?? '')) {
|
||
$error = __('error_csrf');
|
||
} else {
|
||
$db->setSetting('cron_token', bin2hex(random_bytes(32)));
|
||
$success = 'Neuer Cron-Token wurde generiert!';
|
||
}
|
||
}
|
||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['delete_cron_token'])) {
|
||
if (!$auth->validateCsrfToken($_POST['csrf_token'] ?? '')) {
|
||
$error = __('error_csrf');
|
||
} else {
|
||
$db->setSetting('cron_token', '');
|
||
$success = 'Cron-Token wurde gelöscht!';
|
||
}
|
||
}
|
||
|
||
// Passwort ändern
|
||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['change_password'])) {
|
||
if (!$auth->validateCsrfToken($_POST['csrf_token'] ?? '')) {
|
||
$error = __('error_csrf');
|
||
} else {
|
||
try {
|
||
$user = $auth->getCurrentUser();
|
||
if (!password_verify($_POST['current_password'], $user['password_hash'])) {
|
||
throw new Exception('Aktuelles Passwort ist falsch');
|
||
}
|
||
if (strlen($_POST['new_password']) < 8) {
|
||
throw new Exception(__('settings_pw_minlength'));
|
||
}
|
||
if ($_POST['new_password'] !== $_POST['confirm_password']) {
|
||
throw new Exception('Passwörter stimmen nicht überein');
|
||
}
|
||
$db->query("UPDATE users SET password_hash = ? WHERE id = ?",
|
||
[password_hash($_POST['new_password'], PASSWORD_DEFAULT), $user['id']]);
|
||
$success = __('settings_pw_changed');
|
||
} catch (Exception $e) {
|
||
$error = $e->getMessage();
|
||
}
|
||
}
|
||
}
|
||
|
||
$protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http';
|
||
$host = $_SERVER['HTTP_HOST'];
|
||
$scriptPath = dirname($_SERVER['SCRIPT_NAME'], 2);
|
||
$scriptPath = $scriptPath === '/' ? '' : $scriptPath;
|
||
$autoDetectedUrl = $protocol . '://' . $host . $scriptPath;
|
||
|
||
$cs = [
|
||
'app_title' => $db->getSetting('app_title', 'UniFi Voucher System'),
|
||
'logo_url' => $db->getSetting('logo_url', ''),
|
||
'favicon_url' => $db->getSetting('favicon_url', ''),
|
||
'instruction_header' => $db->getSetting('instruction_header', 'So verwenden Sie Ihren Code'),
|
||
'instruction_text' => $db->getSetting('instruction_text', ''),
|
||
'public_access' => $db->getSetting('public_access', '0'),
|
||
'default_expire_minutes' => $db->getSetting('default_expire_minutes', '480'),
|
||
'default_max_uses' => $db->getSetting('default_max_uses', '1'),
|
||
'max_uses_limit' => $db->getSetting('max_uses_limit', '10'),
|
||
'm365_client_id' => $db->getSetting('m365_client_id', ''),
|
||
'm365_client_secret' => $db->getSetting('m365_client_secret', ''),
|
||
'm365_tenant_id' => $db->getSetting('m365_tenant_id', ''),
|
||
'smtp_enabled' => $db->getSetting('smtp_enabled', '0'),
|
||
'smtp_host' => $db->getSetting('smtp_host', ''),
|
||
'smtp_port' => $db->getSetting('smtp_port', '587'),
|
||
'smtp_username' => $db->getSetting('smtp_username', ''),
|
||
'smtp_password' => $db->getSetting('smtp_password', ''),
|
||
'smtp_encryption' => $db->getSetting('smtp_encryption', 'tls'),
|
||
'smtp_from_email' => $db->getSetting('smtp_from_email', ''),
|
||
'smtp_from_name' => $db->getSetting('smtp_from_name', ''),
|
||
'system_url' => $db->getSetting('system_url', $autoDetectedUrl),
|
||
'email_voucher_subject' => $db->getSetting('email_voucher_subject', '{APP_TITLE} - Ihr WLAN-Zugang'),
|
||
'email_voucher_body' => $db->getSetting('email_voucher_body', "Hallo,\n\nIhr Code: {VOUCHER_CODE}\n\nGültigkeit: 8h\nGeräte: {MAX_USES}\nSite: {SITE_NAME}"),
|
||
'email_user_notification_subject' => $db->getSetting('email_user_notification_subject', '{APP_TITLE} - Berechtigungen geändert'),
|
||
'email_user_notification_body' => $db->getSetting('email_user_notification_body', "Hallo {USER_NAME},\n\n{CHANGES}"),
|
||
'print_template' => $db->getSetting('print_template', '<div style="text-align:center;padding:40px"><h1>{APP_TITLE}</h1><h2>WLAN Code</h2><div style="font-size:48px;font-weight:bold;margin:30px 0;font-family:monospace">{VOUCHER_CODE}</div><p><strong>Gültig bis:</strong> {EXPIRY_DATE} {EXPIRY_TIME}</p><p><strong>Site:</strong> {SITE_NAME}</p><p><strong>Geräte:</strong> {MAX_USES}</p><hr style="margin:30px 0"><div>{INSTRUCTIONS}</div></div>'),
|
||
'brand_accent' => $db->getSetting('brand_accent', '') ?: Ui::DEFAULT_ACCENT,
|
||
'brand_accent_dark' => $db->getSetting('brand_accent_dark', '') ?: Ui::DEFAULT_ACCENT_DARK,
|
||
'brand_gradient_from' => $db->getSetting('brand_gradient_from', '') ?: Ui::DEFAULT_GRADIENT_FROM,
|
||
'brand_gradient_to' => $db->getSetting('brand_gradient_to', '') ?: Ui::DEFAULT_GRADIENT_TO,
|
||
'brand_radius' => $db->getSetting('brand_radius', (string)Ui::DEFAULT_RADIUS),
|
||
'login_panel_enabled' => $db->getSetting('login_panel_enabled', '1'),
|
||
'login_brand_name' => $db->getSetting('login_brand_name', ''),
|
||
'login_logo_url' => $db->getSetting('login_logo_url', ''),
|
||
'login_claim_title' => $db->getSetting('login_claim_title', ''),
|
||
'login_claim_text' => $db->getSetting('login_claim_text', ''),
|
||
'login_features' => $db->getSetting('login_features', ''),
|
||
'login_footer' => $db->getSetting('login_footer', ''),
|
||
'login_bg_image' => $db->getSetting('login_bg_image', ''),
|
||
'login_bg_from' => $db->getSetting('login_bg_from', '#3b2f8f'),
|
||
'login_bg_to' => $db->getSetting('login_bg_to', '#6d5ce7'),
|
||
'login_bg_overlay' => $db->getSetting('login_bg_overlay', '40'),
|
||
'cron_token' => $db->getSetting('cron_token', ''),
|
||
'last_cron_sync' => $db->getSetting('last_cron_sync', ''),
|
||
];
|
||
|
||
/**
|
||
* Bildfeld: Vorschau, Upload, alternativ URL – plus Entfernen-Schalter.
|
||
*/
|
||
function imageField(string $name, string $label, string $value, string $hint = '', string $accept = 'image/*'): void
|
||
{
|
||
$preview = Ui::mediaUrl($value, '../');
|
||
?>
|
||
<div class="form-group">
|
||
<label><?= htmlspecialchars($label) ?></label>
|
||
<div class="image-field">
|
||
<div class="image-preview">
|
||
<?php if ($preview !== ''): ?>
|
||
<img src="<?= htmlspecialchars($preview) ?>" alt="">
|
||
<?php else: ?>
|
||
<i class="fas fa-image"></i>
|
||
<?php endif; ?>
|
||
</div>
|
||
<div class="image-field-controls">
|
||
<input type="file" name="<?= $name ?>_file" accept="<?= htmlspecialchars($accept) ?>">
|
||
<input type="text" name="<?= $name ?>" value="<?= htmlspecialchars($value) ?>"
|
||
placeholder="<?= htmlspecialchars(__('settings_image_url_placeholder')) ?>">
|
||
<?php if ($value !== ''): ?>
|
||
<label class="chk"><input type="checkbox" name="<?= $name ?>_remove" value="1"> <?= __('settings_image_remove') ?></label>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<?php if ($hint !== ''): ?><div class="help-text"><?= htmlspecialchars($hint) ?></div><?php endif; ?>
|
||
</div>
|
||
<?php
|
||
}
|
||
|
||
$currentPage = 'settings';
|
||
$adminBase = '';
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="<?= I18n::getLanguage() ?>">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title><?= __('settings_title') ?> - <?= htmlspecialchars($appTitle) ?></title>
|
||
|
||
<!-- TinyMCE wird lokal ausgeliefert (GPL-Variante) – keine externen Aufrufe. -->
|
||
<?= Ui::script('assets/vendor/tinymce/tinymce.min.js', '../') ?>
|
||
<script>window.TINYMCE_BASE_URL = '../assets/vendor/tinymce';</script>
|
||
|
||
<?php include __DIR__ . '/../includes/admin_nav.php'; ?>
|
||
|
||
<div class="page-header">
|
||
<div>
|
||
<h1 class="page-title"><?= __('settings_title') ?></h1>
|
||
<p class="page-subtitle"><?= __('settings_subtitle') ?></p>
|
||
</div>
|
||
</div>
|
||
|
||
<?php if ($error): ?>
|
||
<div class="alert alert-error"><i class="fas fa-exclamation-circle"></i><span><?= htmlspecialchars($error) ?></span></div>
|
||
<?php endif; ?>
|
||
<?php if ($success): ?>
|
||
<div class="alert alert-success"><i class="fas fa-check-circle"></i><span><?= htmlspecialchars($success) ?></span></div>
|
||
<?php endif; ?>
|
||
|
||
<div class="tab-container">
|
||
<div class="tab-navigation" id="tabNav">
|
||
<button class="tab-button active" data-tab="general"><i class="fas fa-sliders-h"></i> <?= __('settings_tab_general') ?></button>
|
||
<button class="tab-button" data-tab="defaults"><i class="fas fa-sliders-h"></i> <?= __('settings_tab_defaults') ?></button>
|
||
<button class="tab-button" data-tab="branding"><i class="fas fa-palette"></i> <?= __('settings_tab_branding') ?></button>
|
||
<button class="tab-button" data-tab="login"><i class="fas fa-right-to-bracket"></i> <?= __('settings_tab_login') ?></button>
|
||
<button class="tab-button" data-tab="cron"><i class="fas fa-clock"></i> <?= __('settings_tab_cron') ?></button>
|
||
<button class="tab-button" data-tab="m365"><i class="fab fa-microsoft"></i> <?= __('settings_tab_m365') ?></button>
|
||
<button class="tab-button" data-tab="smtp"><i class="fas fa-envelope"></i> <?= __('settings_tab_smtp') ?></button>
|
||
<button class="tab-button" data-tab="templates_email"><i class="fas fa-file-alt"></i> <?= __('settings_tab_templates_email') ?></button>
|
||
<button class="tab-button" data-tab="system"><i class="fas fa-cogs"></i> <?= __('settings_tab_system') ?></button>
|
||
<button class="tab-button" data-tab="password"><i class="fas fa-key"></i> <?= __('settings_tab_password') ?></button>
|
||
</div>
|
||
|
||
<!-- Allgemein -->
|
||
<div id="tab-general" class="tab-content active">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-sliders-h"></i> <?= __('settings_tab_general') ?></h2>
|
||
<form method="post" enctype="multipart/form-data">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="general">
|
||
<div class="form-group"><label><?= __('settings_app_title') ?></label><input type="text" name="app_title" value="<?= htmlspecialchars($cs['app_title']) ?>" required></div>
|
||
<div class="form-grid">
|
||
<?php imageField('logo_url', __('settings_logo_url'), $cs['logo_url'], __('settings_upload_hint')); ?>
|
||
<?php imageField('favicon_url', __('settings_favicon_url'), $cs['favicon_url'], __('settings_favicon_hint'), 'image/x-icon,image/png,image/svg+xml'); ?>
|
||
</div>
|
||
<hr class="section-divider">
|
||
<div class="form-group"><label><?= __('settings_instr_header') ?></label><input type="text" name="instruction_header" value="<?= htmlspecialchars($cs['instruction_header']) ?>"></div>
|
||
<div class="form-group"><label><?= __('settings_instr_text') ?></label><textarea name="instruction_text" class="tinymce-editor"><?= htmlspecialchars($cs['instruction_text']) ?></textarea></div>
|
||
<div class="checkbox-group" style="margin-bottom: 20px;"><input type="checkbox" name="public_access" id="public_access" <?= $cs['public_access'] == '1' ? 'checked' : '' ?>><label for="public_access" style="margin:0;"><?= __('settings_public_access') ?></label></div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- Voucher-Standards -->
|
||
<div id="tab-defaults" class="tab-content">
|
||
<h2 style="margin-bottom: 8px; color: var(--text-primary);"><i class="fas fa-sliders-h"></i> <?= __('settings_tab_defaults') ?></h2>
|
||
<p style="color: var(--text-muted); font-size: 14px; margin-bottom: 24px;">Diese Werte werden als Vorgabe im Voucher-Formular verwendet.</p>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="defaults">
|
||
<div class="form-grid">
|
||
<div class="form-group">
|
||
<label><?= __('settings_default_expire') ?></label>
|
||
<input type="number" name="default_expire_minutes" value="<?= (int)$cs['default_expire_minutes'] ?>" min="1" max="525600">
|
||
<div class="help-text"><?= __('settings_default_expire_hint') ?></div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_default_devices') ?></label>
|
||
<input type="number" name="default_max_uses" value="<?= (int)$cs['default_max_uses'] ?>" min="1" max="100">
|
||
<div class="help-text"><?= __('settings_default_devices_hint') ?></div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_max_devices') ?></label>
|
||
<input type="number" name="max_uses_limit" value="<?= (int)$cs['max_uses_limit'] ?>" min="1" max="100">
|
||
<div class="help-text"><?= __('settings_max_devices_hint') ?></div>
|
||
</div>
|
||
</div>
|
||
<div class="info-box" style="margin-top: 10px;">
|
||
<h4><i class="fas fa-info-circle"></i> Gültigkeits-Referenz</h4>
|
||
<p>
|
||
60 Min = 1 Stunde | 480 Min = 8 Stunden |
|
||
1440 Min = 1 Tag | 10080 Min = 1 Woche |
|
||
43200 Min = 30 Tage
|
||
</p>
|
||
</div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary" style="margin-top: 16px;"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- Design & Branding -->
|
||
<div id="tab-branding" class="tab-content">
|
||
<h2 style="margin-bottom: 8px; color: var(--text-primary);"><i class="fas fa-palette"></i> <?= __('settings_tab_branding') ?></h2>
|
||
<p style="color: var(--text-muted); font-size: 14px; margin-bottom: 24px;"><?= __('settings_branding_intro') ?></p>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="branding">
|
||
|
||
<div class="form-grid">
|
||
<div class="form-group">
|
||
<label><?= __('settings_brand_accent') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="brand_accent" value="<?= htmlspecialchars($cs['brand_accent']) ?>">
|
||
<input type="text" id="brand_accent" name="brand_accent" value="<?= htmlspecialchars($cs['brand_accent']) ?>" placeholder="<?= Ui::DEFAULT_ACCENT ?>">
|
||
</div>
|
||
<div class="help-text"><?= __('settings_brand_accent_hint') ?></div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_brand_accent_dark') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="brand_accent_dark" value="<?= htmlspecialchars($cs['brand_accent_dark']) ?>">
|
||
<input type="text" id="brand_accent_dark" name="brand_accent_dark" value="<?= htmlspecialchars($cs['brand_accent_dark']) ?>" placeholder="<?= Ui::DEFAULT_ACCENT_DARK ?>">
|
||
</div>
|
||
<div class="help-text"><?= __('settings_brand_accent_dark_hint') ?></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-grid">
|
||
<div class="form-group">
|
||
<label><?= __('settings_brand_gradient_from') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="brand_gradient_from" value="<?= htmlspecialchars($cs['brand_gradient_from']) ?>">
|
||
<input type="text" id="brand_gradient_from" name="brand_gradient_from" value="<?= htmlspecialchars($cs['brand_gradient_from']) ?>">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_brand_gradient_to') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="brand_gradient_to" value="<?= htmlspecialchars($cs['brand_gradient_to']) ?>">
|
||
<input type="text" id="brand_gradient_to" name="brand_gradient_to" value="<?= htmlspecialchars($cs['brand_gradient_to']) ?>">
|
||
</div>
|
||
<div class="help-text"><?= __('settings_brand_gradient_hint') ?></div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_brand_radius') ?></label>
|
||
<select id="brand_radius" name="brand_radius">
|
||
<?php foreach ([6 => __('settings_brand_radius_sharp'), 14 => __('settings_brand_radius_default'), 20 => __('settings_brand_radius_round')] as $value => $label): ?>
|
||
<option value="<?= $value ?>" <?= (int)$cs['brand_radius'] === $value ? 'selected' : '' ?>><?= htmlspecialchars($label) ?></option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card" id="brandPreview" style="margin-top: 8px;">
|
||
<h3><?= __('settings_brand_preview') ?></h3>
|
||
<div style="display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px;">
|
||
<span class="brand-mark" style="width:38px;height:38px;"><i class="fas fa-wifi"></i></span>
|
||
<button type="button" class="btn btn-primary"><i class="fas fa-ticket"></i> <?= __('voucher_create_btn') ?></button>
|
||
<button type="button" class="btn btn-secondary"><?= __('btn_cancel') ?></button>
|
||
<span class="badge badge-success"><?= __('status_valid') ?></span>
|
||
<span class="chip"><?= __('nav_vouchers') ?></span>
|
||
<a href="#" onclick="return false;"><?= __('settings_brand_link') ?></a>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="submit" name="save_settings" class="btn btn-primary" style="margin-top:16px;"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- Login-Seite -->
|
||
<div id="tab-login" class="tab-content">
|
||
<h2 style="margin-bottom: 8px; color: var(--text-primary);"><i class="fas fa-right-to-bracket"></i> <?= __('settings_tab_login') ?></h2>
|
||
<p style="color: var(--text-muted); font-size: 14px; margin-bottom: 24px;"><?= __('settings_login_intro') ?></p>
|
||
<form method="post" enctype="multipart/form-data">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="login">
|
||
|
||
<div class="checkbox-group" style="margin-bottom: 20px;">
|
||
<input type="checkbox" name="login_panel_enabled" id="login_panel_enabled" <?= $cs['login_panel_enabled'] === '1' ? 'checked' : '' ?>>
|
||
<label for="login_panel_enabled" style="margin:0;"><?= __('settings_login_panel') ?></label>
|
||
</div>
|
||
|
||
<div class="form-grid">
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_brand') ?></label>
|
||
<input type="text" name="login_brand_name" value="<?= htmlspecialchars($cs['login_brand_name']) ?>" placeholder="<?= htmlspecialchars($cs['app_title']) ?>">
|
||
<div class="help-text"><?= __('settings_login_brand_hint') ?></div>
|
||
</div>
|
||
<?php imageField('login_logo_url', __('settings_login_logo'), $cs['login_logo_url'], __('settings_login_logo_hint')); ?>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_claim_title') ?></label>
|
||
<input type="text" name="login_claim_title" value="<?= htmlspecialchars($cs['login_claim_title']) ?>" placeholder="<?= htmlspecialchars(__('auth_claim_title')) ?>">
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_claim_text') ?></label>
|
||
<textarea name="login_claim_text" rows="3" placeholder="<?= htmlspecialchars(__('auth_claim_text')) ?>"><?= htmlspecialchars($cs['login_claim_text']) ?></textarea>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_features') ?></label>
|
||
<textarea name="login_features" rows="4" placeholder="<?= htmlspecialchars(__('auth_feature_1') . "\n" . __('auth_feature_2') . "\n" . __('auth_feature_3')) ?>"><?= htmlspecialchars($cs['login_features']) ?></textarea>
|
||
<div class="help-text"><?= __('settings_login_features_hint') ?></div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_footer') ?></label>
|
||
<input type="text" name="login_footer" value="<?= htmlspecialchars($cs['login_footer']) ?>" placeholder="© <?= date('Y') ?> <?= htmlspecialchars($cs['app_title']) ?>">
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
|
||
<?php imageField('login_bg_image', __('settings_login_bg_image'), $cs['login_bg_image'], __('settings_login_bg_image_hint')); ?>
|
||
<div class="form-grid">
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_bg_from') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="login_bg_from"
|
||
value="<?= preg_match('/^#[0-9a-fA-F]{6}$/', $cs['login_bg_from']) ? htmlspecialchars($cs['login_bg_from']) : '#3b2f8f' ?>">
|
||
<input type="text" id="login_bg_from" name="login_bg_from" value="<?= htmlspecialchars($cs['login_bg_from']) ?>" placeholder="#3b2f8f">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_bg_to') ?></label>
|
||
<div class="color-field">
|
||
<input type="color" class="color-swatch" data-target="login_bg_to"
|
||
value="<?= preg_match('/^#[0-9a-fA-F]{6}$/', $cs['login_bg_to']) ? htmlspecialchars($cs['login_bg_to']) : '#6d5ce7' ?>">
|
||
<input type="text" id="login_bg_to" name="login_bg_to" value="<?= htmlspecialchars($cs['login_bg_to']) ?>" placeholder="#6d5ce7">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label><?= __('settings_login_overlay') ?></label>
|
||
<input type="number" name="login_bg_overlay" min="0" max="90" value="<?= (int)$cs['login_bg_overlay'] ?>">
|
||
<div class="help-text"><?= __('settings_login_overlay_hint') ?></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;">
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
<a href="../login.php?preview=1" target="_blank" rel="noopener" class="btn btn-secondary">
|
||
<i class="fas fa-arrow-up-right-from-square"></i> <?= __('settings_login_preview') ?>
|
||
</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- Cron-Sync -->
|
||
<div id="tab-cron" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-clock"></i> <?= __('settings_tab_cron') ?></h2>
|
||
<div class="info-box">
|
||
<h4><i class="fas fa-info-circle"></i> Was macht der Cron-Job?</h4>
|
||
<p>Der Cron-Job synchronisiert automatisch alle Voucher von Ihren UniFi Controllern in die lokale Datenbank.</p>
|
||
</div>
|
||
<hr class="section-divider">
|
||
<?php if (empty($cs['cron_token'])): ?>
|
||
<p style="color: var(--text-muted); margin-bottom: 15px;"><i class="fas fa-exclamation-triangle" style="color: var(--warning);"></i> Kein Token konfiguriert.</p>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<button type="submit" name="generate_cron_token" class="btn btn-primary"><i class="fas fa-key"></i> Token generieren</button>
|
||
</form>
|
||
<?php else: ?>
|
||
<div class="token-box" style="margin-bottom: 15px;"><?= htmlspecialchars($cs['cron_token']) ?></div>
|
||
<div style="display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px;">
|
||
<button onclick="copyToClipboard('<?= htmlspecialchars($cs['cron_token']) ?>')" class="btn btn-secondary"><i class="fas fa-copy"></i> Kopieren</button>
|
||
<form method="post" style="display:inline;"><input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>"><button type="submit" name="generate_cron_token" class="btn btn-secondary"><i class="fas fa-sync"></i> Neu generieren</button></form>
|
||
<form method="post" style="display:inline;" onsubmit="return confirm('Token wirklich löschen?');"><input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>"><button type="submit" name="delete_cron_token" class="btn btn-secondary" style="color: var(--danger);"><i class="fas fa-trash"></i> Löschen</button></form>
|
||
</div>
|
||
<?php endif; ?>
|
||
<?php
|
||
$cronUrl = $protocol . '://' . $_SERVER['HTTP_HOST'] . $scriptPath . '/cron_sync.php?token=' . ($cs['cron_token'] ?: 'DEIN_TOKEN');
|
||
?>
|
||
<div class="form-group">
|
||
<label>Cron-URL</label>
|
||
<div style="display:flex;gap:10px;">
|
||
<input type="text" id="cronUrl" value="<?= htmlspecialchars($cronUrl) ?>" readonly>
|
||
<button onclick="copyToClipboard(document.getElementById('cronUrl').value)" class="btn btn-secondary"><i class="fas fa-copy"></i></button>
|
||
</div>
|
||
</div>
|
||
<div class="placeholder-info" style="background: var(--bg-hover); border-color: var(--border-color);">
|
||
<h4 style="color: var(--text-primary);">Crontab-Eintrag (alle 30 Min)</h4>
|
||
<div style="background: #1e1e1e; color: #d4d4d4; padding: 12px; border-radius: 6px; font-family: monospace; font-size: 13px; margin-top: 8px; overflow-x: auto;">
|
||
*/30 * * * * curl -s "<?= htmlspecialchars($cronUrl) ?>" > /dev/null 2>&1
|
||
</div>
|
||
</div>
|
||
<?php if ($cs['cron_token']): ?>
|
||
<div style="margin-top: 20px;">
|
||
<button onclick="testCronJob()" class="btn btn-primary" id="testCronBtn"><i class="fas fa-play"></i> Jetzt ausführen</button>
|
||
<span id="testCronResult" style="margin-left: 15px;"></span>
|
||
</div>
|
||
<?php endif; ?>
|
||
<p style="margin-top:20px; color: var(--text-muted); font-size: 13px;">Letzte Synchronisation: <strong><?= $cs['last_cron_sync'] ? date('d.m.Y H:i:s', strtotime($cs['last_cron_sync'])) : 'Noch nie' ?></strong></p>
|
||
</div>
|
||
|
||
<!-- M365 -->
|
||
<div id="tab-m365" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fab fa-microsoft"></i> Microsoft 365</h2>
|
||
<div class="info-box">
|
||
<h4><i class="fas fa-info-circle"></i> Azure AD App</h4>
|
||
<p>Redirect URI: <strong><?= $protocol . '://' . $host . $scriptPath ?>/m365_callback.php</strong></p>
|
||
</div>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="m365">
|
||
<div class="form-group"><label>Client ID</label><input type="text" name="m365_client_id" value="<?= htmlspecialchars($cs['m365_client_id']) ?>"></div>
|
||
<div class="form-group"><label>Client Secret</label><input type="password" name="m365_client_secret" value="<?= htmlspecialchars($cs['m365_client_secret']) ?>"></div>
|
||
<div class="form-group"><label>Tenant ID</label><input type="text" name="m365_tenant_id" value="<?= htmlspecialchars($cs['m365_tenant_id']) ?>"></div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- SMTP -->
|
||
<div id="tab-smtp" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-envelope"></i> SMTP</h2>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="smtp">
|
||
<div class="checkbox-group" style="margin-bottom: 20px;"><input type="checkbox" name="smtp_enabled" id="smtp_enabled" <?= $cs['smtp_enabled'] == '1' ? 'checked' : '' ?>><label for="smtp_enabled" style="margin:0;">SMTP aktivieren</label></div>
|
||
<div class="form-grid">
|
||
<div class="form-group"><label>Host</label><input type="text" name="smtp_host" value="<?= htmlspecialchars($cs['smtp_host']) ?>"></div>
|
||
<div class="form-group"><label>Port</label><input type="number" name="smtp_port" value="<?= htmlspecialchars($cs['smtp_port']) ?>"></div>
|
||
</div>
|
||
<div class="form-group"><label>Verschlüsselung</label><select name="smtp_encryption"><option value="tls" <?= $cs['smtp_encryption']==='tls'?'selected':'' ?>>TLS</option><option value="ssl" <?= $cs['smtp_encryption']==='ssl'?'selected':'' ?>>SSL</option><option value="none" <?= $cs['smtp_encryption']==='none'?'selected':'' ?>>Keine</option></select></div>
|
||
<div class="form-grid">
|
||
<div class="form-group"><label>Benutzername</label><input type="text" name="smtp_username" value="<?= htmlspecialchars($cs['smtp_username']) ?>"></div>
|
||
<div class="form-group"><label>Passwort</label><input type="password" name="smtp_password" placeholder="Leer = nicht ändern"></div>
|
||
</div>
|
||
<div class="form-grid">
|
||
<div class="form-group"><label>Absender E-Mail</label><input type="email" name="smtp_from_email" value="<?= htmlspecialchars($cs['smtp_from_email']) ?>"></div>
|
||
<div class="form-group"><label>Absender Name</label><input type="text" name="smtp_from_name" value="<?= htmlspecialchars($cs['smtp_from_name']) ?>"></div>
|
||
</div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
<hr class="section-divider">
|
||
<h3 style="margin-bottom:15px; color: var(--text-primary);">SMTP testen</h3>
|
||
<div style="display:flex;gap:10px;align-items:flex-end;">
|
||
<div style="flex:1;"><label>Test-E-Mail senden an</label><input type="email" id="smtpTestEmail" placeholder="empfaenger@example.com" style="margin-top:6px;"></div>
|
||
<button onclick="testSmtp()" class="btn btn-secondary" id="smtpTestBtn"><i class="fas fa-paper-plane"></i> <?= __('btn_test') ?></button>
|
||
</div>
|
||
<span id="smtpTestResult" style="display:block;margin-top:10px;font-size:13px;"></span>
|
||
</div>
|
||
|
||
<!-- E-Mail Templates -->
|
||
<div id="tab-templates_email" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-file-alt"></i> E-Mail Templates</h2>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="templates">
|
||
<div class="form-group"><label>System-URL</label><input type="url" name="system_url" value="<?= htmlspecialchars($cs['system_url']) ?>"><div class="help-text">Auto: <code><?= $autoDetectedUrl ?></code></div></div>
|
||
<hr class="section-divider">
|
||
<h3 style="margin-bottom:15px; color: var(--text-primary);">Voucher E-Mail</h3>
|
||
<div class="placeholder-info"><h4>Platzhalter:</h4><div class="placeholder-list"><code>{VOUCHER_CODE}</code><code>{SITE_NAME}</code><code>{MAX_USES}</code><code>{APP_TITLE}</code><code>{INSTRUCTIONS}</code></div></div>
|
||
<div class="form-group"><label>Betreff</label><input type="text" name="email_voucher_subject" value="<?= htmlspecialchars($cs['email_voucher_subject']) ?>"></div>
|
||
<div class="form-group"><label>E-Mail Text</label><textarea name="email_voucher_body" class="tinymce-editor"><?= htmlspecialchars($cs['email_voucher_body']) ?></textarea></div>
|
||
<hr class="section-divider">
|
||
<h3 style="margin-bottom:15px; color: var(--text-primary);">Benutzer-Benachrichtigung</h3>
|
||
<div class="placeholder-info"><h4>Platzhalter:</h4><div class="placeholder-list"><code>{USER_NAME}</code><code>{CHANGES}</code><code>{APP_TITLE}</code><code>{SYSTEM_URL}</code></div></div>
|
||
<div class="form-group"><label>Betreff</label><input type="text" name="email_user_notification_subject" value="<?= htmlspecialchars($cs['email_user_notification_subject']) ?>"></div>
|
||
<div class="form-group"><label>E-Mail Text</label><textarea name="email_user_notification_body" class="tinymce-editor"><?= htmlspecialchars($cs['email_user_notification_body']) ?></textarea></div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- System -->
|
||
<div id="tab-system" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-cogs"></i> System & Erweitert</h2>
|
||
<form method="post">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<input type="hidden" name="form_type" value="system">
|
||
<div class="info-box">
|
||
<h4><i class="fas fa-info-circle"></i> WYSIWYG-Editor</h4>
|
||
<p>Der Editor (TinyMCE, GPL-Variante) wird lokal aus <code>assets/vendor/</code> geladen – es werden keine externen Dienste aufgerufen.</p>
|
||
</div>
|
||
|
||
<hr class="section-divider">
|
||
<h3 style="margin-bottom:15px; color: var(--text-primary);">Druck-Template</h3>
|
||
<div class="placeholder-info"><h4>Platzhalter:</h4><div class="placeholder-list"><code>{VOUCHER_CODE}</code><code>{EXPIRY_DATE}</code><code>{EXPIRY_TIME}</code><code>{SITE_NAME}</code><code>{MAX_USES}</code><code>{APP_TITLE}</code><code>{INSTRUCTIONS}</code></div></div>
|
||
<div class="form-group"><label>HTML Template für Voucher-Druck</label><textarea name="print_template" class="tinymce-editor" style="min-height:250px;"><?= htmlspecialchars($cs['print_template']) ?></textarea></div>
|
||
<button type="submit" name="save_settings" class="btn btn-primary"><i class="fas fa-save"></i> <?= __('btn_save') ?></button>
|
||
</form>
|
||
<hr class="section-divider">
|
||
<h3 style="margin-bottom:15px; color: var(--text-primary);">System-Information</h3>
|
||
<table style="width:100%; font-size:14px;">
|
||
<tr><td style="padding:8px 0;color:var(--text-muted);">PHP Version:</td><td><strong><?= phpversion() ?></strong></td></tr>
|
||
<tr><td style="padding:8px 0;color:var(--text-muted);">Datenbank:</td><td><strong><?= DB_NAME ?></strong></td></tr>
|
||
<tr><td style="padding:8px 0;color:var(--text-muted);">Version:</td><td><strong>2.1.0</strong></td></tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Passwort -->
|
||
<div id="tab-password" class="tab-content">
|
||
<h2 style="margin-bottom: 20px; color: var(--text-primary);"><i class="fas fa-key"></i> <?= __('settings_tab_password') ?></h2>
|
||
<form method="post" style="max-width:500px;">
|
||
<input type="hidden" name="csrf_token" value="<?= $auth->getCsrfToken() ?>">
|
||
<div class="form-group"><label><?= __('settings_pw_current') ?></label><input type="password" name="current_password" required></div>
|
||
<div class="form-group"><label><?= __('settings_pw_new') ?></label><input type="password" name="new_password" required minlength="8"><div class="help-text"><?= __('settings_pw_minlength') ?></div></div>
|
||
<div class="form-group"><label><?= __('settings_pw_confirm') ?></label><input type="password" name="confirm_password" required></div>
|
||
<button type="submit" name="change_password" class="btn btn-primary"><i class="fas fa-lock"></i> <?= __('settings_tab_password') ?></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<script src="../assets/global.js"></script>
|
||
<script>
|
||
// Tab switching
|
||
document.querySelectorAll('.tab-button').forEach(btn => {
|
||
btn.addEventListener('click', function() {
|
||
const tab = this.dataset.tab;
|
||
document.querySelectorAll('.tab-button').forEach(b => b.classList.remove('active'));
|
||
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
|
||
this.classList.add('active');
|
||
document.getElementById('tab-' + tab).classList.add('active');
|
||
location.hash = tab;
|
||
});
|
||
});
|
||
|
||
// Branding-Vorschau live faerben
|
||
function updateBrandPreview() {
|
||
const preview = document.getElementById('brandPreview');
|
||
if (!preview) return;
|
||
const accent = (document.getElementById('brand_accent') || {}).value || '';
|
||
const from = (document.getElementById('brand_gradient_from') || {}).value || '';
|
||
const to = (document.getElementById('brand_gradient_to') || {}).value || '';
|
||
const radius = (document.getElementById('brand_radius') || {}).value || '14';
|
||
if (/^#[0-9a-fA-F]{6}$/.test(accent)) {
|
||
preview.style.setProperty('--accent', accent);
|
||
preview.style.setProperty('--accent-hover', `color-mix(in srgb, ${accent} 84%, #000)`);
|
||
preview.style.setProperty('--accent-soft', `color-mix(in srgb, ${accent} 12%, #fff)`);
|
||
preview.style.setProperty('--accent-border', `color-mix(in srgb, ${accent} 32%, #fff)`);
|
||
}
|
||
if (/^#[0-9a-fA-F]{6}$/.test(from) && /^#[0-9a-fA-F]{6}$/.test(to)) {
|
||
preview.style.setProperty('--brand-gradient', `linear-gradient(135deg, ${from} 0%, ${to} 100%)`);
|
||
}
|
||
preview.style.setProperty('--r-lg', radius + 'px');
|
||
}
|
||
['brand_accent', 'brand_gradient_from', 'brand_gradient_to', 'brand_radius'].forEach(id => {
|
||
const el = document.getElementById(id);
|
||
if (el) el.addEventListener('input', updateBrandPreview);
|
||
if (el) el.addEventListener('change', updateBrandPreview);
|
||
});
|
||
updateBrandPreview();
|
||
|
||
// Farbwähler und Hex-Feld synchron halten
|
||
document.querySelectorAll('.color-swatch').forEach(swatch => {
|
||
const field = document.getElementById(swatch.dataset.target);
|
||
if (!field) return;
|
||
swatch.addEventListener('input', () => { field.value = swatch.value; updateBrandPreview(); });
|
||
field.addEventListener('input', () => {
|
||
if (/^#[0-9a-fA-F]{6}$/.test(field.value.trim())) swatch.value = field.value.trim();
|
||
});
|
||
});
|
||
|
||
// Restore tab from hash
|
||
window.addEventListener('DOMContentLoaded', function() {
|
||
const hash = location.hash.substring(1);
|
||
if (hash) {
|
||
const btn = document.querySelector(`[data-tab="${hash}"]`);
|
||
if (btn) btn.click();
|
||
}
|
||
initTinyMCE();
|
||
});
|
||
|
||
async function testSmtp() {
|
||
const email = document.getElementById('smtpTestEmail').value.trim();
|
||
const btn = document.getElementById('smtpTestBtn');
|
||
const result = document.getElementById('smtpTestResult');
|
||
if (!email) { result.textContent = 'Bitte E-Mail eingeben.'; return; }
|
||
btn.disabled = true;
|
||
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
|
||
const fd = new FormData();
|
||
fd.append('ajax_smtp_test', '1');
|
||
fd.append('csrf_token', '<?= $auth->getCsrfToken() ?>');
|
||
fd.append('test_email', email);
|
||
const res = await fetch('settings.php', { method: 'POST', body: fd });
|
||
const data = await res.json();
|
||
result.textContent = data.message;
|
||
result.style.color = data.success ? 'var(--success)' : 'var(--danger)';
|
||
btn.disabled = false;
|
||
btn.innerHTML = '<i class="fas fa-paper-plane"></i> Testen';
|
||
}
|
||
|
||
async function testCronJob() {
|
||
const btn = document.getElementById('testCronBtn');
|
||
const result = document.getElementById('testCronResult');
|
||
btn.disabled = true;
|
||
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Läuft...';
|
||
try {
|
||
const res = await fetch('../cron_sync.php?token=<?= htmlspecialchars($cs['cron_token']) ?>');
|
||
const data = await res.json();
|
||
result.innerHTML = data.success
|
||
? `<span style="color:var(--success)"><i class="fas fa-check-circle"></i> ${data.message}</span>`
|
||
: `<span style="color:var(--danger)"><i class="fas fa-times-circle"></i> ${data.message}</span>`;
|
||
if (data.success) showToast('success', 'Cron ausgeführt', data.message);
|
||
} catch (e) {
|
||
result.innerHTML = `<span style="color:var(--danger)">Fehler: ${e.message}</span>`;
|
||
}
|
||
btn.disabled = false;
|
||
btn.innerHTML = '<i class="fas fa-play"></i> Jetzt ausführen';
|
||
}
|
||
|
||
function initTinyMCE() {
|
||
if (typeof tinymce === 'undefined') return;
|
||
const dark = document.documentElement.getAttribute('data-theme') === 'dark';
|
||
const config = {
|
||
selector: '.tinymce-editor',
|
||
height: 350,
|
||
menubar: false,
|
||
plugins: ['advlist','autolink','lists','link','searchreplace','visualblocks','code','fullscreen','table','help','wordcount'],
|
||
toolbar: 'undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright | bullist numlist | removeformat | help',
|
||
content_style: "body { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; line-height: 1.6; }",
|
||
skin: dark ? 'oxide-dark' : 'oxide',
|
||
content_css: dark ? 'dark' : 'default',
|
||
branding: false, promotion: false
|
||
};
|
||
if (window.TINYMCE_BASE_URL) {
|
||
tinymce.baseURL = window.TINYMCE_BASE_URL;
|
||
config.base_url = window.TINYMCE_BASE_URL;
|
||
config.suffix = '.min';
|
||
if (document.documentElement.lang === 'de') {
|
||
config.language = 'de';
|
||
config.language_url = window.TINYMCE_BASE_URL + '/langs/de.js';
|
||
}
|
||
}
|
||
tinymce.init(config);
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|