"feat: Update admin UI layout in backend"
This commit is contained in:
@@ -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">
|
||||
|
||||
|
Reference in New Issue
Block a user