From e8e438b62aede528df9b81d74b6a4c2470a4159f Mon Sep 17 00:00:00 2001
From: Andre Beging <a.beging@eas-solutions.de>
Date: Fri, 28 Mar 2025 17:31:07 +0100
Subject: [PATCH] Style update profile page

---
 FoodsharingSiegen.Server/Pages/Profile.razor | 102 +++++++++++--------
 1 file changed, 57 insertions(+), 45 deletions(-)

diff --git a/FoodsharingSiegen.Server/Pages/Profile.razor b/FoodsharingSiegen.Server/Pages/Profile.razor
index f2f556b..498807e 100644
--- a/FoodsharingSiegen.Server/Pages/Profile.razor
+++ b/FoodsharingSiegen.Server/Pages/Profile.razor
@@ -1,10 +1,5 @@
 @page "/profile"
 
-@using FoodsharingSiegen.Server.Dialogs
-@using FoodsharingSiegen.Server.BaseClasses
-@using FoodsharingSiegen.Contracts.Entity
-@using FoodsharingSiegen.Contracts.Helper
-
 @inherits FsBase
 
 <PageTitle>Profil - @AppSettings.Terms.Title</PageTitle>
@@ -14,52 +9,69 @@
     <h2>Mein Profil</h2>
 
     <Button Color="Color.Primary" Clicked="SaveProfile">Speichern</Button>
-    <Fields Class="my-3">
-        <Validations @ref="ValidationsRef">
-            <Validation Validator="ValidationRule.IsNotEmpty">
-                <Field ColumnSize="ColumnSize.Is12">
-                    <FieldLabel>Name</FieldLabel>
-                    <FieldBody>
-                        <TextEdit @bind-Text="User.Name"></TextEdit>
-                    </FieldBody>
-                </Field>
-            </Validation>
-            <Validation Validator="ValidationRule.None">
-                <Field ColumnSize="ColumnSize.Is12">
-                    <FieldLabel>Info über dich</FieldLabel>
-                    <FieldBody>
-                        <MemoEdit Rows="3" Placeholder="z.B. Bieb bei Rewe Musterhausen" @bind-Text="User.Memo"/>
-                    </FieldBody>
-                </Field>
-            </Validation>
-        </Validations>
-    </Fields>
+
+    <div class="card mt-3">
+        <div class="card-body">
+            <Fields Class="my-3">
+                <Validations @ref="ValidationsRef">
+                    <Validation Validator="ValidationRule.IsNotEmpty">
+                        <Field ColumnSize="ColumnSize.Is12">
+                            <FieldLabel>Name</FieldLabel>
+                            <FieldBody>
+                                <TextEdit @bind-Text="User.Name"></TextEdit>
+                            </FieldBody>
+                        </Field>
+                    </Validation>
+                    <Field ColumnSize="ColumnSize.Is12">
+                        <FieldLabel>E-Mail</FieldLabel>
+                        <FieldBody>
+                            <TextEdit @bind-Text="User.Mail" ReadOnly="true"></TextEdit>
+                        </FieldBody>
+                    </Field>
+                    @* <Validation Validator="ValidationRule.None"> *@
+                    @*     <Field ColumnSize="ColumnSize.Is12"> *@
+                    @*         <FieldLabel>Info über dich</FieldLabel> *@
+                    @*         <FieldBody> *@
+                    @*             <MemoEdit Rows="3" Placeholder="z.B. Bieb bei Rewe Musterhausen" @bind-Text="User.Memo"/> *@
+                    @*         </FieldBody> *@
+                    @*     </Field> *@
+                    @* </Validation> *@
+                </Validations>
+            </Fields>
+        </div>
+    </div>
 
     <hr/>
-    <h3>Allgemeines</h3>
-
-    <p class="mt-4 mb-1">
-        Die ausgewählte URL wird zum Beispiel verwendet, um die Profile der Neulinge zu verlinken
-        <Select TValue="FsNetworkType" @bind-SelectedValue="User.Network">
-            @foreach (var networkType in Enum.GetValues<FsNetworkType>())
-            {
-                <SelectItem Value="networkType">@networkType (@networkType.GetCustomValue())</SelectItem>
-            }
-        </Select>
-    </p>
 
+    <div class="card">
+        <div class="card-header" style="padding: .5rem 0 0 1rem;"><h5>Allgemeines</h5></div>
+        <div class="card-body">
+            Die ausgewählte URL wird zum Beispiel verwendet, um die Profile der Neulinge zu verlinken
+            <Select TValue="FsNetworkType" @bind-SelectedValue="User.Network">
+                @foreach (var networkType in Enum.GetValues<FsNetworkType>())
+                {
+                    <SelectItem Value="networkType">@networkType (@networkType.GetCustomValue())</SelectItem>
+                }
+            </Select>
+        </div>
+    </div>
 
     <hr/>
-    <h3>Sicherheit</h3>
 
-    <p class="mt-4 mb-1">
-        Die Änderung deines Passworts ist sofort aktiv. Im Anschluss wirst du ausgeloggt und kannst dich neu einloggen.
-        <Button Color="Color.Primary" Class="d-block" Clicked="() => PasswordModal?.Show(User)!"><i class="fa-solid fa-key"></i>&nbsp;Passwort ändern</Button>
-    </p>
-    <p class="mt-4 mb-1">
-        Dein Konto zu löschen ist endgültig und kann nicht rückgängig gemacht werden.
-        <Button Color="Color.Danger" Class="d-block" Clicked="RemoveAccount"><i class="fa-solid fa-trash"></i>&nbsp;Konto löschen</Button>
-    </p>
+    <div class="card">
+        <div class="card-header" style="padding: .5rem 0 0 1rem;"><h5>Sicherheit</h5></div>
+        <div class="card-body">
+            <p class="mt-4 mb-1">
+                Die Änderung deines Passworts ist sofort aktiv. Im Anschluss wirst du ausgeloggt und kannst dich neu einloggen.
+                <Button Color="Color.Primary" Class="d-block" Clicked="() => PasswordModal?.Show(User)!"><i class="fa-solid fa-key"></i>&nbsp;Passwort ändern</Button>
+            </p>
+            <p class="mt-4 mb-1">
+                Dein Konto zu löschen ist endgültig und kann nicht rückgängig gemacht werden.
+                <Button Color="Color.Danger" Class="d-block" Clicked="RemoveAccount"><i class="fa-solid fa-trash"></i>&nbsp;Konto löschen</Button>
+            </p>
+        </div>
+    </div>
+
 </div>
 
 <SetPasswordModal @ref="PasswordModal" OnPasswortSet="OnPasswordSet"></SetPasswordModal>
\ No newline at end of file