Skip to content

Skeleton Loading

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).

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 |

  • properties, apartments (Liegenschaften)
  • billing_runs, billing_line_items (Invoices)
  • advance_payments (Payments)
  • charging_meter_values (Charging Stations)