troogs/FoodsharingOnboarding
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Style update profile page

Browse Source
This commit is contained in:
Andre Beging
2025-03-28 17:31:07 +01:00
parent 52a2948528
commit e8e438b62a
1 changed files with 57 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
FoodsharingSiegen.Server/Pages/Profile.razor
View File

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