mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
533 lines
28 KiB
PHP
533 lines
28 KiB
PHP
<main id="main-content">
|
|
<h1>Paramètres</h1>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
MAINTENANCE
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-maintenance-title">
|
|
<h2 id="settings-maintenance-title">Maintenance</h2>
|
|
|
|
<div class="param-maintenance-row">
|
|
<?php if ($maintenanceOn): ?>
|
|
<p>
|
|
<strong>⚠ Mode maintenance activé</strong> — le site public est inaccessible.
|
|
</p>
|
|
<form method="post" action="actions/maintenance.php">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="action" value="disable_maintenance">
|
|
<input type="hidden" name="redirect" value="/admin/parametres.php">
|
|
<button type="submit">Désactiver la maintenance</button>
|
|
</form>
|
|
<?php else: ?>
|
|
<p>Site public : <strong>en ligne</strong></p>
|
|
<form method="post" action="actions/maintenance.php">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="action" value="enable_maintenance">
|
|
<input type="hidden" name="redirect" value="/admin/parametres.php">
|
|
<button type="submit" class="param-btn-warning"
|
|
onclick="return confirm('Mettre le site en maintenance ? Les visiteurs verront une page 503.')">
|
|
Activer la maintenance
|
|
</button>
|
|
</form>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<!-- Export database -->
|
|
<fieldset class="param-export-zone">
|
|
<legend>Exporter la base de données</legend>
|
|
<p>Télécharger une copie complète de la base de données SQLite.
|
|
Cela inclut tous les TFE, auteurs, jury, mots-clés, paramètres, etc.</p>
|
|
<button type="button" class="param-btn-export"
|
|
onclick="document.getElementById('export-db-dialog').showModal()">
|
|
Exporter la base de données
|
|
</button>
|
|
</fieldset>
|
|
|
|
<!-- Danger zone: delete all TFE → now inside maintenance -->
|
|
<fieldset class="param-danger-zone">
|
|
<legend>Supprimer tous les TFE</legend>
|
|
<p>
|
|
Supprime définitivement tous les TFE de la base de données, y compris auteurs,
|
|
promoteurs, tags, fichiers associés. Cette action est <strong>irréversible</strong>.
|
|
</p>
|
|
<form method="post" action="actions/delete.php"
|
|
onsubmit="return confirm('⚠ Supprimer définitivement TOUS les TFE ? Cette action est IRRÉVERSIBLE.')">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="delete_all" value="1">
|
|
<button type="submit" class="param-btn-danger">Supprimer tous les TFE (<?= $stats['total'] ?? '?' ?>)</button>
|
|
</form>
|
|
</fieldset>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
FORMULAIRE
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-formulaire-title">
|
|
<h2 id="settings-formulaire-title">Formulaire</h2>
|
|
<p>Options de visibilité disponibles dans le formulaire d'ajout de TFE.</p>
|
|
<p class="param-note">L'option <strong>Libre</strong> ne sera activée qu'à partir de l'année académique prochaine.</p>
|
|
|
|
<form method="post" action="actions/settings.php" class="param-form">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="section" value="formulaire">
|
|
|
|
<fieldset>
|
|
<legend>Types d'accès</legend>
|
|
|
|
<label class="param-checkbox">
|
|
<input type="checkbox" name="access_type_interdit_enabled" value="1"
|
|
<?= ($siteSettings['access_type_interdit_enabled'] ?? '1') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Interdit</strong><br>
|
|
<small>TFE non disponible en physique ni sur le site</small>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="param-checkbox">
|
|
<input type="checkbox" name="access_type_interne_enabled" value="1"
|
|
<?= ($siteSettings['access_type_interne_enabled'] ?? '1') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Interne</strong><br>
|
|
<small>TFE accessible uniquement sur place en physique</small>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="param-checkbox param-checkbox--disabled">
|
|
<input type="checkbox" name="access_type_libre_enabled" value="1"
|
|
<?= ($siteSettings['access_type_libre_enabled'] ?? '0') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Libre</strong><br>
|
|
<small>Libre accès — disponible à partir de l'année académique prochaine</small>
|
|
</span>
|
|
</label>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend>Restriction d'accès aux fichiers</legend>
|
|
|
|
<label class="param-checkbox">
|
|
<input type="checkbox" name="restricted_files_enabled" value="1"
|
|
<?= ($siteSettings['restricted_files_enabled'] ?? '0') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Activer la restriction d'accès</strong><br>
|
|
<small>Pour les TFE de type "Interne", masquer les fichiers et exiger une demande d'accès par email. Les métadonnées et le résumé restent visibles publiquement.</small>
|
|
</span>
|
|
</label>
|
|
</fieldset>
|
|
|
|
<button type="submit">Enregistrer</button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
TYPES D'OBJET
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-objet-title">
|
|
<h2 id="settings-objet-title">Types de travaux</h2>
|
|
<p>Active ou désactive les types de travaux dans les formulaires et la consultation. Un type désactivé ne peut plus être soumis ni affiché sur le site.</p>
|
|
<p class="param-note">Le type <strong>TFE</strong> est toujours actif et ne peut pas être désactivé.</p>
|
|
|
|
<form method="post" action="actions/settings.php" class="param-form">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="section" value="objet_types">
|
|
|
|
<fieldset>
|
|
<legend>Types disponibles</legend>
|
|
|
|
<label class="param-checkbox param-checkbox--disabled">
|
|
<input type="checkbox" disabled checked>
|
|
<span>
|
|
<strong>TFE</strong><br>
|
|
<small>Travail de fin d'études — toujours actif</small>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="param-checkbox">
|
|
<input type="checkbox" name="objet_these_enabled" value="1"
|
|
<?= ($siteSettings['objet_these_enabled'] ?? '1') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Thèse</strong><br>
|
|
<small>Thèses doctorales</small>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="param-checkbox">
|
|
<input type="checkbox" name="objet_frart_enabled" value="1"
|
|
<?= ($siteSettings['objet_frart_enabled'] ?? '1') === '1' ? 'checked' : '' ?>>
|
|
<span>
|
|
<strong>Frart</strong><br>
|
|
<small>Formation de recherche en art</small>
|
|
</span>
|
|
</label>
|
|
</fieldset>
|
|
|
|
<button type="submit">Enregistrer</button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
RELAY SMTP
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-smtp-title">
|
|
<h2 id="settings-smtp-title">Relay SMTP</h2>
|
|
<p>
|
|
Identifiants du serveur SMTP utilisé pour l'envoi d'e-mails
|
|
(notifications, partage de TFE, etc.).
|
|
</p>
|
|
<div class="param-smtp-status">
|
|
<?php if ($smtpConfigured): ?>
|
|
<span class="param-badge-ok">✓ Configuré</span>
|
|
<span><?= htmlspecialchars($smtpSettings['host']) ?>:<?= (int)$smtpSettings['port'] ?> (<?= htmlspecialchars($smtpSettings['encryption']) ?>)</span>
|
|
<?php else: ?>
|
|
<span class="param-badge-warn">✗ Non configuré</span>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<form method="post" action="actions/settings.php" class="param-form">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="section" value="smtp">
|
|
|
|
<div class="param-grid">
|
|
<div>
|
|
<label for="smtp_host">Hôte SMTP</label>
|
|
<input type="text" id="smtp_host" name="smtp_host"
|
|
value="<?= htmlspecialchars($smtpSettings['host']) ?>"
|
|
placeholder="smtp.example.com">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="smtp_port">Port</label>
|
|
<input type="number" id="smtp_port" name="smtp_port"
|
|
value="<?= (int)$smtpSettings['port'] ?>"
|
|
min="1" max="65535">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="smtp_encryption">Chiffrement</label>
|
|
<select id="smtp_encryption" name="smtp_encryption">
|
|
<option value="tls" <?= $smtpSettings['encryption'] === 'tls' ? 'selected' : '' ?>>TLS (STARTTLS)</option>
|
|
<option value="ssl" <?= $smtpSettings['encryption'] === 'ssl' ? 'selected' : '' ?>>SSL (SMTPS)</option>
|
|
<option value="none" <?= $smtpSettings['encryption'] === 'none' ? 'selected' : '' ?>>Aucun</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="smtp_username">Nom d'utilisateur</label>
|
|
<input type="text" id="smtp_username" name="smtp_username"
|
|
value="<?= htmlspecialchars($smtpSettings['username']) ?>">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="smtp_password">Mot de passe</label>
|
|
<input type="password" id="smtp_password" name="smtp_password"
|
|
value="<?= htmlspecialchars($smtpSettings['password']) ?>"
|
|
autocomplete="new-password"
|
|
placeholder="Laissez vide pour ne pas modifier">
|
|
</div>
|
|
</div>
|
|
|
|
<fieldset class="param-fieldset-inline">
|
|
<legend>Expéditeur par défaut</legend>
|
|
<div class="param-grid">
|
|
<div>
|
|
<label for="smtp_from_email">Adresse e-mail</label>
|
|
<input type="email" id="smtp_from_email" name="smtp_from_email"
|
|
value="<?= htmlspecialchars($smtpSettings['from_email']) ?>"
|
|
placeholder="noreply@example.com">
|
|
</div>
|
|
<div>
|
|
<label for="smtp_from_name">Nom d'expéditeur</label>
|
|
<input type="text" id="smtp_from_name" name="smtp_from_name"
|
|
value="<?= htmlspecialchars($smtpSettings['from_name']) ?>">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<button type="submit">Enregistrer</button>
|
|
</form>
|
|
|
|
<!-- Test d'envoi -->
|
|
<fieldset class="param-fieldset-inline param-smtp-test">
|
|
<legend>Tester l'envoi d'un e-mail</legend>
|
|
<p>Envoie un e-mail de test via le relay SMTP configuré ci-dessus.</p>
|
|
<?php if (!$smtpConfigured): ?>
|
|
<p class="param-note">⚠ Configurez le relay SMTP avant de pouvoir tester l'envoi.</p>
|
|
<?php else: ?>
|
|
<form method="post" action="actions/smtp-test.php" class="param-form param-smtp-test-form">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<div class="param-smtp-test-row">
|
|
<div>
|
|
<label for="smtp_test_email">Adresse de destination</label>
|
|
<input type="email" id="smtp_test_email" name="test_email"
|
|
placeholder="test@example.com" required>
|
|
</div>
|
|
<button type="submit">Envoyer le test</button>
|
|
</div>
|
|
</form>
|
|
<?php endif; ?>
|
|
</fieldset>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
COMPTE ADMINISTRATEUR
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-account-title">
|
|
<h2 id="settings-account-title">Compte administrateur</h2>
|
|
|
|
<dl class="param-account-status">
|
|
<div>
|
|
<dt>Authentification PHP</dt>
|
|
<dd><?php $badgeType = 'ok'; $badgeValue = $hasPassword; $badgeOkLabel = 'Active'; $badgeWarnLabel = 'Non configurée'; include APP_ROOT . '/templates/partials/status-badge.php'; ?></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Stockage du hash</dt>
|
|
<dd>
|
|
<code>site_settings (DB)</code>
|
|
<?php $badgeType = 'ok'; $badgeValue = $hasPassword; $badgeOkLabel = 'Présent'; $badgeWarnLabel = 'Absent'; include APP_ROOT . '/templates/partials/status-badge.php'; ?>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
|
|
<?php if (!$hasPassword): ?>
|
|
<p class="param-note">
|
|
Aucun mot de passe PHP configuré. Le formulaire ci-dessous stockera
|
|
un hash bcrypt dans la base de données.
|
|
</p>
|
|
<?php endif; ?>
|
|
|
|
<form method="post" action="/admin/actions/account.php" class="param-form" autocomplete="off">
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="redirect" value="/admin/parametres.php">
|
|
|
|
<?php if ($hasPassword): ?>
|
|
<div>
|
|
<label for="current_password">Mot de passe actuel</label>
|
|
<input type="password" id="current_password"
|
|
name="current_password" required autocomplete="current-password">
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div>
|
|
<label for="new_password">Nouveau mot de passe</label>
|
|
<input type="password" id="new_password"
|
|
name="new_password" required autocomplete="new-password"
|
|
minlength="12">
|
|
<small>Minimum 12 caractères.</small>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="confirm_password">Confirmer le mot de passe</label>
|
|
<input type="password" id="confirm_password"
|
|
name="confirm_password" required autocomplete="new-password">
|
|
</div>
|
|
|
|
<button type="submit">
|
|
<?= $hasPassword ? 'Mettre à jour le mot de passe' : 'Définir le mot de passe' ?>
|
|
</button>
|
|
</form>
|
|
|
|
<!-- Danger zone: remove credentials -->
|
|
<?php if ($hasPassword): ?>
|
|
<fieldset class="param-danger-zone">
|
|
<legend>Supprimer la configuration du mot de passe PHP</legend>
|
|
<p>
|
|
Supprime le hash de la base de données. L'accès admin
|
|
dépendra uniquement de l'authentification nginx Basic Auth si elle est configurée.
|
|
</p>
|
|
<form method="post" action="/admin/actions/account.php"
|
|
onsubmit="return confirm('Supprimer le mot de passe PHP ? L\'accès admin ne sera protégé que par nginx Basic Auth.')">>
|
|
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
|
|
<input type="hidden" name="action" value="remove_credentials">
|
|
<input type="hidden" name="redirect" value="/admin/parametres.php">
|
|
<input type="hidden" name="current_password_remove" value="">
|
|
<button type="submit" class="param-btn-danger">Supprimer le mot de passe</button>
|
|
</form>
|
|
</fieldset>
|
|
<?php endif; ?>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
SYSTÈME
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-system-title">
|
|
<h2 id="settings-system-title">Système</h2>
|
|
|
|
<p class="sys-refresh-note">
|
|
Affiché le <?= date('d/m/Y à H:i:s') ?> —
|
|
<a href="?tab=<?= htmlspecialchars($activeTab) ?>&n=<?= $selectedN ?>">Rafraîchir</a> —
|
|
<a href="?tab=<?= htmlspecialchars($activeTab) ?>&n=<?= $selectedN ?>&refresh=1">Forcer actualisation</a>
|
|
</p>
|
|
|
|
<div class="sys-status-header">
|
|
<h3 class="srv-section-title srv-section-title--compact">Statut
|
|
<?php if ($statusCached && $statusCacheAge !== null): ?>
|
|
<span class="sys-cache-badge sys-cache-badge--hit" title="Données en cache">
|
|
⚡ Cache — il y a <?= $statusCacheAge ?>s
|
|
</span>
|
|
<?php else: ?>
|
|
<span class="sys-cache-badge sys-cache-badge--miss" title="Données fraîches">
|
|
⟳ Actualisé
|
|
</span>
|
|
<?php endif; ?>
|
|
</h3>
|
|
<button id="sys-status-toggle" class="sys-status-toggle"
|
|
aria-expanded="<?= $statusInitiallyCollapsed ? 'false' : 'true' ?>" aria-controls="sys-status-body"
|
|
type="button"
|
|
onclick="var b=document.getElementById('sys-status-body');var c=b.hidden;b.hidden=!c;this.setAttribute('aria-expanded',c);this.textContent=c?'▲ Réduire':'▼ Développer';document.cookie='sys_collapsed='+(!c)+';path=/;max-age=31536000';return false">
|
|
<?= $statusInitiallyCollapsed ? '▼ Développer' : '▲ Réduire' ?>
|
|
</button>
|
|
</div>
|
|
|
|
<div id="sys-status-body"<?= $statusInitiallyCollapsed ? ' hidden' : '' ?>>
|
|
<div class="srv-grid">
|
|
<?php foreach ($checks as $check): ?>
|
|
<?php $st = $check['status'] ?? 'unknown'; ?>
|
|
<div class="srv-card">
|
|
<div class="srv-card__header">
|
|
<span class="srv-card__name"><?= htmlspecialchars($check['label']) ?></span>
|
|
<span class="<?= SystemController::statusClass($st) ?>"><?= SystemController::statusLabel($st) ?></span>
|
|
</div>
|
|
<?php if (!empty($check['detail'])): ?>
|
|
<div class="srv-card__detail"><?= htmlspecialchars($check['detail']) ?></div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<div class="sys-status-meta">
|
|
<div>
|
|
<h4 class="srv-section-title srv-section-title--sub">Environnement PHP</h4>
|
|
<div class="php-grid php-grid--flush">
|
|
<?php foreach ($phpInfo as $key => $val): ?>
|
|
<div class="php-item">
|
|
<div class="php-item__key"><?= htmlspecialchars($key) ?></div>
|
|
<div class="php-item__val"><?= htmlspecialchars($val) ?></div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 class="srv-section-title srv-section-title--sub">Espace disque</h4>
|
|
<div class="disk-bar-wrap">
|
|
<div class="disk-bar" style="--disk-pct:<?= $diskPct ?>%;--disk-color:<?= $diskColor ?>"></div>
|
|
</div>
|
|
<div class="disk-stats">
|
|
<span><?= SystemController::humanBytes($diskUsed) ?> utilisé (<?= $diskPct ?>%)</span>
|
|
<span><?= SystemController::humanBytes($diskFree) ?> libre / <?= SystemController::humanBytes($diskTotal) ?></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════
|
|
JOURNAUX
|
|
══════════════════════════════════════════════════════════════ -->
|
|
<section aria-labelledby="settings-logs-title">
|
|
<h2 id="settings-logs-title">Journaux</h2>
|
|
|
|
<nav class="sys-tabs" aria-label="Journaux et configuration">
|
|
<?php foreach (SystemController::LOG_FILES as $key => $def): ?>
|
|
<a href="?tab=<?= htmlspecialchars($key) ?>&n=<?= $selectedN ?>"
|
|
class="sys-tab <?= $activeTab === $key ? 'active' : '' ?>"
|
|
hx-get="/admin/system-fragment.php?tab=<?= htmlspecialchars($key) ?>&n=<?= $selectedN ?>"
|
|
hx-target="#sys-tab-panel"
|
|
hx-push-url="?tab=<?= htmlspecialchars($key) ?>&n=<?= $selectedN ?>"
|
|
hx-swap="innerHTML"
|
|
hx-indicator="#sys-tab-panel"
|
|
data-tab="<?= htmlspecialchars($key) ?>"
|
|
<?= $activeTab === $key ? 'aria-current="page"' : '' ?>>
|
|
<?= htmlspecialchars($def['label']) ?>
|
|
</a>
|
|
<?php endforeach; ?>
|
|
<a href="?tab=nginx_config"
|
|
class="sys-tab <?= $activeTab === 'nginx_config' ? 'active' : '' ?>"
|
|
hx-get="/admin/system-fragment.php?tab=nginx_config"
|
|
hx-target="#sys-tab-panel"
|
|
hx-push-url="?tab=nginx_config"
|
|
hx-swap="innerHTML"
|
|
hx-indicator="#sys-tab-panel"
|
|
data-tab="nginx_config"
|
|
<?= $activeTab === 'nginx_config' ? 'aria-current="page"' : '' ?>>nginx — config</a>
|
|
</nav>
|
|
|
|
<div id="sys-tab-panel">
|
|
<?php if ($activeTab === 'nginx_config'): ?>
|
|
<?php include APP_ROOT . '/templates/admin/partials/system-nginx-config-panel.php'; ?>
|
|
<?php else: ?>
|
|
<?php include APP_ROOT . '/templates/admin/partials/system-log-panel.php'; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════════════
|
|
EXPORT DATABASE DIALOG
|
|
═══════════════════════════════════════════════════════════════ -->
|
|
<dialog id="export-db-dialog" class="admin-dialog" aria-labelledby="export-db-dialog-title">
|
|
<div class="admin-dialog__header">
|
|
<h2 id="export-db-dialog-title">Exporter la base de données</h2>
|
|
<button type="button" class="admin-dialog__close" aria-label="Fermer"
|
|
onclick="document.getElementById('export-db-dialog').close()">✕</button>
|
|
</div>
|
|
|
|
<p>Télécharger une copie complète de la base de données SQLite.
|
|
Cela inclut tous les TFE, auteurs, jury, mots-clés, paramètres, etc.</p>
|
|
|
|
<div class="admin-form-footer">
|
|
<a href="/admin/actions/export-db.php" class="admin-btn">Exporter la base de données</a>
|
|
<button type="button" class="admin-btn-secondary"
|
|
onclick="document.getElementById('export-db-dialog').close()">Annuler</button>
|
|
</div>
|
|
</dialog>
|
|
</main>
|
|
|
|
<script>
|
|
function copyLogContent(btn) {
|
|
var logOut = document.querySelector('#log-output');
|
|
if (!logOut) return;
|
|
var text = Array.from(logOut.querySelectorAll('.log-line'))
|
|
.map(function(el){ return el.textContent; }).join('\n');
|
|
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
navigator.clipboard.writeText(text).then(function(){
|
|
btn.textContent = '\u2713 Copi\u00e9';
|
|
btn.classList.add('copied');
|
|
setTimeout(function(){ btn.textContent = 'Copier'; btn.classList.remove('copied'); }, 2000);
|
|
});
|
|
} else {
|
|
fallbackCopy(text, btn);
|
|
}
|
|
}
|
|
function fallbackCopy(text, btn) {
|
|
var ta = document.createElement('textarea');
|
|
ta.value = text;
|
|
ta.style.cssText = 'position:fixed;opacity:0';
|
|
document.body.appendChild(ta); ta.select();
|
|
try { document.execCommand('copy'); btn.textContent = '\u2713 Copi\u00e9'; btn.classList.add('copied');
|
|
setTimeout(function(){ btn.textContent = 'Copier'; btn.classList.remove('copied'); }, 2000);
|
|
} catch(e) {}
|
|
document.body.removeChild(ta);
|
|
}
|
|
// Update active tab class after each HTMX swap on #sys-tab-panel
|
|
document.body.addEventListener('htmx:afterSwap', function(evt) {
|
|
if (evt.detail.target && evt.detail.target.id === 'sys-tab-panel') {
|
|
var rc = evt.detail.requestConfig;
|
|
var tab = null;
|
|
var qIdx = rc.path.indexOf('?');
|
|
if (qIdx !== -1) {
|
|
tab = new URLSearchParams(rc.path.substring(qIdx + 1)).get('tab');
|
|
}
|
|
if (!tab && rc.parameters && rc.parameters.tab) {
|
|
tab = rc.parameters.tab;
|
|
}
|
|
if (tab) {
|
|
document.querySelectorAll('.sys-tabs .sys-tab').forEach(function(a) {
|
|
var isActive = a.getAttribute('data-tab') === tab;
|
|
a.classList.toggle('active', isActive);
|
|
if (isActive) a.setAttribute('aria-current', 'page');
|
|
else a.removeAttribute('aria-current');
|
|
});
|
|
}
|
|
}
|
|
});
|
|
</script>
|