Skeleton Loading
Geschäftlicher Kontext
Section titled “Geschäftlicher Kontext”Hausverwalter arbeiten oft mit großen Datensätzen (hunderte Zähler, komplexe Liegenschaften). Strukturierte Skeleton-Screens reduzieren die wahrgenommene Ladezeit und verhindern Layout-Shifts (CLS).
Technische Umsetzung
Section titled “Technische Umsetzung”Standard-Komponente components/ui/skeleton.tsx nach shadcn/ui Standard (animiertes bg-muted div). Der globale Spinner wird durch passgenaue Skeleton-Rows (3-5 Zeilen) ersetzt.
Scope:
| View | Status | |------|--------| | Properties (Liste/Detail) | Inkludiert | | Tenants (Liste/Detail) | Inkludiert | | Meters (Liste/Detail) | Inkludiert | | Invoices (Liste) | Inkludiert | | Payments (Liste) | Inkludiert | | Maintenance (Liste) | Inkludiert | | Charging Stations (Liste) | Inkludiert | | Tickets, Messages, Documents | Out of Scope |
Betroffene Tabellen (Datenquellen)
Section titled “Betroffene Tabellen (Datenquellen)”properties,apartments(Liegenschaften)billing_runs,billing_line_items(Invoices)advance_payments(Payments)charging_meter_values(Charging Stations)