core/Projektarbeit-MYP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"feat: Update admin UI layout in backend"

Browse Source
This commit is contained in:
Till Tomczak
2025-05-29 18:25:29 +02:00
parent deda6d6c38
commit d2a9a42651
2 changed files with 269 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
backend/app/templates/admin.html
View File

@@ -264,6 +264,62 @@
</nav>
</div>
<!-- Tab Content -->
<!-- Critical Errors Alert System -->
<div id="critical-errors-alert" class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-xl p-6 mb-8 hidden">
<div class="flex items-start space-x-4">
<div class="flex-shrink-0">
<svg class="w-8 h-8 text-red-500 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.732-.833-2.464 0L4.35 16.5c-.77.833.192 2.5 1.732 2.5z"/>
</svg>
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-red-800 dark:text-red-200 mb-2">
🚨 Kritische Systemfehler erkannt
</h3>
<div id="error-list" class="space-y-2">
<!-- Error items will be populated here -->
</div>
<div class="mt-4 flex space-x-3">
<button id="fix-errors-btn" class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors text-sm font-medium">
🔧 Automatisch reparieren
</button>
<button id="dismiss-errors-btn" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors text-sm font-medium">
❌ Verwerfen
</button>
<button id="view-error-details-btn" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm font-medium">
📊 Details anzeigen
</button>
</div>
</div>
</div>
</div>
<!-- Database Health Status -->
<div id="db-health-status" class="bg-white/60 dark:bg-slate-800/60 backdrop-blur-sm rounded-xl border border-slate-200 dark:border-slate-600 p-6 mb-8 shadow-lg">
<div class="flex items-center justify-between mb-4">
<h3 class="text-lg font-semibold text-slate-900 dark:text-white">🗄️ Datenbank-Gesundheitsstatus</h3>
<div class="flex items-center space-x-2">
<div id="db-status-indicator" class="w-3 h-3 bg-green-400 rounded-full animate-pulse"></div>
<span id="db-status-text" class="text-sm font-medium text-slate-600 dark:text-slate-400">Gesund</span>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white/40 dark:bg-slate-700/40 rounded-lg p-4">
<div class="text-sm text-slate-500 dark:text-slate-400">Letzte Migration</div>
<div id="last-migration" class="text-lg font-semibold text-slate-900 dark:text-white">Lädt...</div>
</div>
<div class="bg-white/40 dark:bg-slate-700/40 rounded-lg p-4">
<div class="text-sm text-slate-500 dark:text-slate-400">Schema-Integrität</div>
<div id="schema-integrity" class="text-lg font-semibold text-green-600 dark:text-green-400">Lädt...</div>
</div>
<div class="bg-white/40 dark:bg-slate-700/40 rounded-lg p-4">
<div class="text-sm text-slate-500 dark:text-slate-400">Letzte Fehler</div>
<div id="recent-errors-count" class="text-lg font-semibold text-slate-900 dark:text-white">Lädt...</div>
</div>
</div>
</div>
<!-- Tab Content -->
<div class="bg-white/80 dark:bg-slate-800/80 backdrop-blur-xl rounded-3xl border border-white/20 dark:border-slate-700/50 shadow-xl overflow-hidden">