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>
83 lines
3.2 KiB
TypeScript
83 lines
3.2 KiB
TypeScript
'use client'
|
|
|
|
import type { GridRow } from './types'
|
|
|
|
interface GridTableRowHeaderProps {
|
|
row: GridRow
|
|
zoneIndex: number
|
|
rowCount: number
|
|
rowH: number
|
|
onToggleRowHeader: (zoneIndex: number, rowIndex: number) => void
|
|
onDeleteRow?: (zoneIndex: number, rowIndex: number) => void
|
|
onAddRow?: (zoneIndex: number, afterRowIndex: number) => void
|
|
onRowResizeStart: (rowIndex: number, startY: number, currentHeight: number) => void
|
|
}
|
|
|
|
export function GridTableRowHeader({
|
|
row,
|
|
zoneIndex,
|
|
rowCount,
|
|
rowH,
|
|
onToggleRowHeader,
|
|
onDeleteRow,
|
|
onAddRow,
|
|
onRowResizeStart,
|
|
}: GridTableRowHeaderProps) {
|
|
return (
|
|
<div
|
|
className={`group/rowhdr relative sticky left-0 z-10 flex items-center justify-center text-[10px] border-b border-r border-gray-200 dark:border-gray-700 cursor-pointer select-none transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 ${
|
|
row.is_header
|
|
? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium'
|
|
: row.is_footer
|
|
? 'bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber-400 font-medium'
|
|
: 'bg-gray-50 dark:bg-gray-800/50 text-gray-400 dark:text-gray-500'
|
|
}`}
|
|
style={{ height: `${rowH}px` }}
|
|
onClick={() => onToggleRowHeader(zoneIndex, row.index)}
|
|
title={`Zeile ${row.index + 1} — Klick: ${row.is_header ? 'Footer' : row.is_footer ? 'Normal' : 'Header'}`}
|
|
>
|
|
{row.index + 1}
|
|
{row.is_header && <span className="block text-[8px]">H</span>}
|
|
{row.is_footer && <span className="block text-[8px]">F</span>}
|
|
{/* Delete row button (visible on hover) */}
|
|
{onDeleteRow && rowCount > 1 && (
|
|
<button
|
|
className="absolute top-0 left-0 w-4 h-4 flex items-center justify-center bg-red-500 text-white rounded-br text-[9px] leading-none opacity-0 group-hover/rowhdr:opacity-100 transition-opacity z-30"
|
|
onClick={(e) => {
|
|
e.stopPropagation()
|
|
if (confirm(`Zeile ${row.index + 1} loeschen?`)) {
|
|
onDeleteRow(zoneIndex, row.index)
|
|
}
|
|
}}
|
|
title={`Zeile ${row.index + 1} loeschen`}
|
|
>
|
|
x
|
|
</button>
|
|
)}
|
|
{/* Add row button (visible on hover, below this row) */}
|
|
{onAddRow && (
|
|
<button
|
|
className="absolute -bottom-[7px] left-0 w-full h-[14px] flex items-center justify-center text-teal-500 opacity-0 group-hover/rowhdr:opacity-100 transition-opacity z-30 hover:bg-teal-100 dark:hover:bg-teal-900/40 rounded"
|
|
onClick={(e) => {
|
|
e.stopPropagation()
|
|
onAddRow(zoneIndex, row.index)
|
|
}}
|
|
title={`Zeile nach ${row.index + 1} einfuegen`}
|
|
>
|
|
<svg className="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}>
|
|
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4v16m8-8H4" />
|
|
</svg>
|
|
</button>
|
|
)}
|
|
{/* Bottom-edge resize handle */}
|
|
<div
|
|
className="absolute bottom-0 left-0 w-full h-[4px] cursor-row-resize hover:bg-teal-400/40 z-20"
|
|
onMouseDown={(e) => {
|
|
e.stopPropagation()
|
|
onRowResizeStart(row.index, e.clientY, rowH)
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|