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>
77 lines
3.4 KiB
TypeScript
77 lines
3.4 KiB
TypeScript
import type { NightModeConfig } from './types'
|
|
|
|
interface MainControlProps {
|
|
editConfig: NightModeConfig | null
|
|
actionLoading: string | null
|
|
onToggle: () => void
|
|
onExecute: (action: 'start' | 'stop') => void
|
|
}
|
|
|
|
export function MainControl({ editConfig, actionLoading, onToggle, onExecute }: MainControlProps) {
|
|
return (
|
|
<div className="bg-white rounded-xl border border-slate-200 p-6 mb-6">
|
|
<div className="flex flex-col lg:flex-row lg:items-center justify-between gap-6">
|
|
{/* Toggle */}
|
|
<div className="flex items-center gap-6">
|
|
<div
|
|
onClick={onToggle}
|
|
className={`relative inline-flex h-10 w-20 cursor-pointer items-center rounded-full transition-colors ${
|
|
editConfig?.enabled ? 'bg-orange-600' : 'bg-slate-300'
|
|
} ${actionLoading === 'toggle' ? 'opacity-50 cursor-wait' : ''}`}
|
|
>
|
|
<span
|
|
className={`inline-block h-8 w-8 transform rounded-full bg-white shadow-lg transition-transform ${
|
|
editConfig?.enabled ? 'translate-x-11' : 'translate-x-1'
|
|
}`}
|
|
/>
|
|
</div>
|
|
<div>
|
|
<h2 className="text-xl font-semibold text-slate-900">
|
|
Nachtmodus: {editConfig?.enabled ? 'Aktiv' : 'Inaktiv'}
|
|
</h2>
|
|
<p className="text-sm text-slate-500">
|
|
{editConfig?.enabled
|
|
? `Abschaltung um ${editConfig.shutdown_time}, Start um ${editConfig.startup_time}`
|
|
: 'Zeitgesteuerte Abschaltung ist deaktiviert'}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Manuelle Aktionen */}
|
|
<div className="flex gap-3">
|
|
<button
|
|
onClick={() => onExecute('stop')}
|
|
disabled={actionLoading !== null}
|
|
className="flex items-center gap-2 px-5 py-2.5 bg-red-600 text-white rounded-lg font-medium hover:bg-red-700 disabled:opacity-50 transition-colors"
|
|
>
|
|
{actionLoading === 'stop' ? (
|
|
<span className="animate-spin">◠</span>
|
|
) : (
|
|
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z" />
|
|
</svg>
|
|
)}
|
|
Jetzt abschalten
|
|
</button>
|
|
<button
|
|
onClick={() => onExecute('start')}
|
|
disabled={actionLoading !== null}
|
|
className="flex items-center gap-2 px-5 py-2.5 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 disabled:opacity-50 transition-colors"
|
|
>
|
|
{actionLoading === 'start' ? (
|
|
<span className="animate-spin">◠</span>
|
|
) : (
|
|
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
)}
|
|
Jetzt starten
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|