Interaktive App-Lifecycle-Demo

Diese Seite zeigt den Ablauf der App von Start, Routing und Editor bis Kundenansicht, Signaturen und Finalisierung. Die Demo ist bewusst interaktiv: Szenario wählen, Schritte anklicken oder automatisch abspielen.

Tempo

Schritt 1 von 8

0%

Runtime

App-Start

Nuxt startet die SPA, registriert Plugins und lädt Setup-Daten.

Der authentifizierte Fetch-Client wird bereitgestellt.

Setup-Daten werden geladen und bei Fehlern aus IndexedDB gelesen.

Dexie-Sync erweitert registrierte Stores um Persistenz und Dirty-State.

Relevante Implementierung

app/plugins/00.ivm.tsapp/plugins/01.appInit.client.tsapp/plugins/03.dexieSync.client.ts

Online-Erfassung

• Der Standardlauf folgt dem normalen Online-Pfad.
• Speichern sendet dirty Sektionen und pending Medien der aktuellen Acceptance.
• Danach kann die Kundenansicht die aktuelle PDF-Vorschau erzeugen.

Was die Demo abbildet

• den normalen Online-Erfassungsfluss
• den Offline-Bildfluss mit lokalem Pending-State und späterem acceptance-scoped Sync
• den Finalisierungsfluss mit PDF-Erzeugung und Upload

Die Detailspalte nennt jeweils die wichtigsten Implementierungsdateien. Für tiefergehende Beschreibungen bleiben die bestehenden Seiten wie /editor-flow, /image-upload-offline, /use-form-save und /finalize-flow die Quelle.