From 954d57b7a63cd2cbe86abc4e23b0866616b91d5f Mon Sep 17 00:00:00 2001 From: "a.beging@eas-solutions.de" Date: Fri, 24 Apr 2026 13:45:03 +0200 Subject: [PATCH] Refactor UploadVerification page: improve layout, loading indicators, and user instructions for better clarity and usability --- .../Pages/UploadVerification.razor | 179 ++++++++++-------- 1 file changed, 98 insertions(+), 81 deletions(-) diff --git a/FoodsharingSiegen.Server/Pages/UploadVerification.razor b/FoodsharingSiegen.Server/Pages/UploadVerification.razor index 10a7b6a..f066db4 100644 --- a/FoodsharingSiegen.Server/Pages/UploadVerification.razor +++ b/FoodsharingSiegen.Server/Pages/UploadVerification.razor @@ -11,96 +11,113 @@
-

Identitätsprüfung
-

Identitätsprüfung

+

Identitätsprüfung
+

Identitätsprüfung

-

@(AppSettings.Value.Terms.Title)

-
- - @if (_isLoading) - { -
- -

Lade Daten...

-
- } - else if (_prospect == null) - { - - } - else - { -
- Hinweis: Dies ist die Upload-Seite für Foodsaver @_prospect.FsId. -
-
- - @if (_uploadedCount >= 5) + @if (_isLoading) { -
Du hast die maximale Anzahl von 5 Bildern erreicht.
+
+ +

Lade Daten...

+
+ } + else if (_prospect == null) + { + } else { - - - Es können noch bis zu @(5 - _uploadedCount) Bilder hochgeladen werden - } -
- -
- Um dich auf der Foodsharing-Plattform als Foodsaver freischalten zu können, muss ein*e Botschafter*in Name, Adresse und Geburtsdatum im Profil des Foodsavers auf Korrektheit durch Vergleich mit einem Ausweisdokument prüfen. Das ist wichtig, damit die Rechtsvereinbarung Bestand hat und wir die Zusagen erfüllen, die wir den Spenderbetrieben geben.
-
- -
- Mehr dazu im Wiki. -
- -
-
Anleitung:
-
    -
  • Lade hier die Vorder- und Rückseite deines Personalausweises oder Reisepasses hoch
    • -
  • Dein Name und Adresse müssen gut und lesbar erkennbar sein
    • -
  • Wir nutzen diese Bilder ausschließlich zur Identitätsprüfung
    • -
  • Ausschließlich die Botschafter haben Zugriff auf diese Bilder
    • -
  • Die Bilder werden nach der Überprüfung sofort und unwiderruflich von uns gelöscht
    • -
  • Bereits hochgeladene Bilder werden hier hier aus Datenschutzgründen nicht angezeigt
    • -
-
- - @if (_isUploading) - { -
- - } - @if (!string.IsNullOrEmpty(_message)) - { - - } +
+ + @if (_uploadedCount >= 5) + { +
Du hast die maximale Anzahl von 5 Bildern erreicht.
+ } + else + { + + + } +
+ + @if (!string.IsNullOrEmpty(_message)) + { + + } - @if (_isSuccess) - { -
-
- Vielen Dank für den Upload. Wenn du alle benötigten Bilder hochgeladen hast, kannst du die Seite schließen. Du musst nichts weiter tun. + @if (_isSuccess) + { +
+
+ Vielen Dank für den Upload. Wenn du alle benötigten Bilder hochgeladen hast, kannst du die Seite + schließen. Du musst nichts weiter tun. +
+ } + + @if (_uploadedCount < 5) + { +
+ Es können noch bis zu @(5 - _uploadedCount) Bilder + hochgeladen werden +
+ } + +
+ Um dich auf der Foodsharing-Plattform als Foodsaver freischalten zu können, muss ein*e + Botschafter*in Name, Adresse und Geburtsdatum im Profil des Foodsavers auf Korrektheit durch + Vergleich mit einem Ausweisdokument prüfen. Das ist wichtig, damit die Rechtsvereinbarung Bestand hat und wir die Zusagen erfüllen, die wir den + Spenderbetrieben geben.
+
+ +
+ Mehr dazu im Wiki. +
+ +
+
Anleitung:
+
    +
  • Lade hier die Vorder- und Rückseite deines Personalausweises oder Reisepasses hoch
    • +
  • Dein Name und Adresse müssen gut und lesbar erkennbar sein
    • +
  • Wir nutzen diese Bilder ausschließlich zur Identitätsprüfung
    • +
  • Ausschließlich die Botschafter haben Zugriff auf diese Bilder
    • +
  • Die Bilder werden nach der Überprüfung sofort und unwiderruflich von uns gelöscht
    • +
  • Bereits hochgeladene Bilder werden hier hier aus Datenschutzgründen nicht angezeigt
    • +
+
+ + @if (_isUploading) + { +
+ + Bilder werden hochgeladen und verarbeitet... +
+ } + }
- } - } +
+
- - -