b681ddb131
Phase 1 — Python (klausur-service): 5 monoliths → 36 files - dsfa_corpus_ingestion.py (1,828 LOC → 5 files) - cv_ocr_engines.py (2,102 LOC → 7 files) - cv_layout.py (3,653 LOC → 10 files) - vocab_worksheet_api.py (2,783 LOC → 8 files) - grid_build_core.py (1,958 LOC → 6 files) Phase 2 — Go (edu-search-service, school-service): 8 monoliths → 19 files - staff_crawler.go (1,402 → 4), policy/store.go (1,168 → 3) - policy_handlers.go (700 → 2), repository.go (684 → 2) - search.go (592 → 2), ai_extraction_handlers.go (554 → 2) - seed_data.go (591 → 2), grade_service.go (646 → 2) Phase 3 — TypeScript (admin-lehrer): 45 monoliths → 220+ files - sdk/types.ts (2,108 → 16 domain files) - ai/rag/page.tsx (2,686 → 14 files) - 22 page.tsx files split into _components/ + _hooks/ - 11 component files split into sub-components - 10 SDK data catalogs added to loc-exceptions - Deleted dead backup index_original.ts (4,899 LOC) All original public APIs preserved via re-export facades. Zero new errors: Python imports verified, Go builds clean, TypeScript tsc --noEmit shows only pre-existing errors. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
72 lines
2.5 KiB
TypeScript
72 lines
2.5 KiB
TypeScript
'use client'
|
|
|
|
import type { MiddlewareEvent } from '../types'
|
|
import { getEventTypeColor } from './helpers'
|
|
|
|
interface EventsTabProps {
|
|
events: MiddlewareEvent[]
|
|
}
|
|
|
|
export function EventsTab({ events }: EventsTabProps) {
|
|
return (
|
|
<div className="overflow-x-auto">
|
|
<table className="w-full">
|
|
<thead>
|
|
<tr className="border-b border-slate-200">
|
|
<th className="text-left py-3 px-4 text-xs font-semibold text-slate-500 uppercase">
|
|
Zeit
|
|
</th>
|
|
<th className="text-left py-3 px-4 text-xs font-semibold text-slate-500 uppercase">
|
|
Middleware
|
|
</th>
|
|
<th className="text-left py-3 px-4 text-xs font-semibold text-slate-500 uppercase">
|
|
Event
|
|
</th>
|
|
<th className="text-left py-3 px-4 text-xs font-semibold text-slate-500 uppercase">
|
|
IP
|
|
</th>
|
|
<th className="text-left py-3 px-4 text-xs font-semibold text-slate-500 uppercase">
|
|
Pfad
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{events.length === 0 ? (
|
|
<tr>
|
|
<td colSpan={5} className="text-center py-8 text-slate-500">
|
|
Keine Events vorhanden.
|
|
</td>
|
|
</tr>
|
|
) : (
|
|
events.map(event => (
|
|
<tr key={event.id} className="border-b border-slate-100 hover:bg-slate-50">
|
|
<td className="py-3 px-4 text-sm text-slate-500">
|
|
{new Date(event.created_at).toLocaleString('de-DE')}
|
|
</td>
|
|
<td className="py-3 px-4 text-sm capitalize">
|
|
{event.middleware_name.replace('_', ' ')}
|
|
</td>
|
|
<td className="py-3 px-4">
|
|
<span
|
|
className={`px-2 py-1 rounded text-xs font-semibold ${getEventTypeColor(event.event_type)}`}
|
|
>
|
|
{event.event_type}
|
|
</span>
|
|
</td>
|
|
<td className="py-3 px-4 text-sm font-mono text-slate-600">
|
|
{event.ip_address || '-'}
|
|
</td>
|
|
<td className="py-3 px-4 text-sm text-slate-600 max-w-xs truncate">
|
|
{event.request_method && event.request_path
|
|
? `${event.request_method} ${event.request_path}`
|
|
: '-'}
|
|
</td>
|
|
</tr>
|
|
))
|
|
)}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
)
|
|
}
|