Inline-Erstellung (Modals)
Geschäftlicher Kontext
Section titled “Geschäftlicher Kontext”In der Medienabrechnung ist die Effizienz bei der Massendateneingabe ein kritischer Erfolgsfaktor. Hausverwalter müssen oft in kurzer Zeit Dutzende Zähler, Verträge oder Abschlagszahlungen erfassen.
Durch die konsequente Umstellung auf Inline-Modals bleiben die Nutzer im Flow. Sie sehen weiterhin die bestehenden Daten im Hintergrund, was Fehleingaben und Duplikate drastisch reduziert.
Technische Umsetzung
Section titled “Technische Umsetzung”Auf den sechs Hauptrouten wurden die Erstellen-Buttons mit Dialog/Modal-Komponenten verknüpft:
| Route | Entität |
|-------|---------|
| /properties | Liegenschaften |
| /contracts | Verträge |
| /meters | Zähler |
| /invoices | Rechnungen |
| /payments | Zahlungen |
| /tickets | Tickets |
Ablauf:
- Klick öffnet Modal mit vollständigem, validiertem Formular
- Submit speichert via Supabase-Client
- Modal schließt bei Erfolg automatisch
- Liste wird reaktiv aktualisiert (ohne Page-Reload)