- Integrated a new API endpoint for fetching the widget catalog in the Dashboard-Lab. - Updated the dashboard layout schema to utilize the widget catalog for dynamic widget management. - Refactored DashboardLabPage and PilotVizPage to leverage the new widget rendering system. - Removed deprecated widget metadata from the frontend, streamlining the widget management process. - Bumped app_dashboard version to 1.1.0 to reflect the new features and improvements.
46 lines
1.7 KiB
JavaScript
46 lines
1.7 KiB
JavaScript
import { useState } from 'react'
|
|
import { FlaskConical } from 'lucide-react'
|
|
import { Link } from 'react-router-dom'
|
|
import { WidgetRenderer } from '../widgetSystem/dashboardWidgetRegistry'
|
|
import { ensurePilotLabWidgetsRegistered } from '../widgetSystem/registerPilotLabWidgets'
|
|
import { DEFAULT_LAB_LAYOUT } from '../widgetSystem/defaultLabLayout'
|
|
|
|
/**
|
|
* Pilot-Übersicht nach Product-Spec (festes Standard-Layout).
|
|
* Nutzt dasselbe Widget-Rendering wie /app/dashboard-lab.
|
|
*/
|
|
export default function PilotVizPage() {
|
|
ensurePilotLabWidgetsRegistered()
|
|
|
|
const [refreshTick, setRefreshTick] = useState(0)
|
|
const requestRefresh = () => setRefreshTick((t) => t + 1)
|
|
|
|
return (
|
|
<div style={{ paddingBottom: 96, textAlign: 'left', maxWidth: 920, margin: '0 auto' }}>
|
|
<div style={{ marginBottom: 20 }}>
|
|
<Link
|
|
to="/settings"
|
|
className="btn btn-secondary"
|
|
style={{ display: 'inline-flex', marginBottom: 12, textDecoration: 'none' }}
|
|
>
|
|
← Einstellungen
|
|
</Link>
|
|
<h1 className="page-title" style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
|
|
<FlaskConical size={26} color="var(--accent)" />
|
|
Pilot: Übersicht
|
|
</h1>
|
|
<p style={{ fontSize: 13, color: 'var(--text2)', lineHeight: 1.6, marginTop: 8 }}>
|
|
Konfigurierbare Ziel-Übersicht (Test). Produktives Dashboard und Verlauf unverändert. Nach Speichern von
|
|
Gewicht oder Vitalwerten werden KPIs und Körperbereich neu geladen.
|
|
</p>
|
|
</div>
|
|
|
|
<WidgetRenderer
|
|
layout={DEFAULT_LAB_LAYOUT}
|
|
refreshTick={refreshTick}
|
|
requestRefresh={requestRefresh}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|