notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/pages] Add setting to remove avatar and banner

Browse source
This commit is contained in:
pancakes 2024-11-28 01:04:33 +10:00 • committed by Laura Hausmann
parent 496f2f003a
commit d56b7760df
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 53 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
Iceshrimp.Frontend/Pages/Settings/Profile.razor
View file

@ -23,7 +23,29 @@
@if (State is State.Loaded)
{
<div class="section">
<h3>@Loc["Display Name"]</h3><input class="input" @bind="@DisplayName"></input>
<h3>@Loc["Banner"]</h3>
@if (!string.IsNullOrEmpty(BannerUrl))
{
<img class="banner" src="@BannerUrl" alt="banner"/>
<div>
<input type="checkbox" id="delete-banner" @bind="@DelBanner">
<label for="delete-banner">@Loc["Remove Banner"]</label>
</div>
}
</div>
<div class="section">
<h3>@Loc["Avatar"]</h3>
@if (!string.IsNullOrEmpty(AvatarUrl))
{
<img class="avatar" src="@AvatarUrl" alt="avatar"/>
<div>
<input type="checkbox" id="delete-avatar" @bind="@DelAvatar">
<label for="delete-avatar">@Loc["Remove Avatar"]</label>
</div>
}
</div>
<div class="section">
<h3>@Loc["Display Name"]</h3><input class="input" @bind="@DisplayName"/>
</div>
<div class="section">
<h3>@Loc["Profile Description"]</h3><textarea class="input" @bind="@UserProfile.Description"></textarea>
@ -87,6 +109,10 @@
private string FieldName { get; set; } = "";
private string FieldValue { get; set; } = "";
private StateButton SaveButton { get; set; } = null!;
private string? AvatarUrl { get; set; } = null;
private bool DelAvatar { get; set; } = false;
private string? BannerUrl { get; set; } = null;
private bool DelBanner { get; set; } = false;
private string DisplayName { get; set; } = "";
protected override async Task OnInitializedAsync()
@ -95,6 +121,8 @@
{
UserProfile = await Api.Profile.GetProfileAsync();
State = State.Loaded;
AvatarUrl = await Api.Profile.GetAvatarUrlAsync();
BannerUrl = await Api.Profile.GetBannerUrlAsync();
DisplayName = await Api.Profile.GetDisplayNameAsync();
}
catch (ApiException e)
@ -123,6 +151,10 @@
SaveButton.State = StateButton.StateEnum.Loading;
await Api.Profile.UpdateProfileAsync(UserProfile);
await Api.Profile.UpdateDisplayNameAsync(DisplayName);
if (DelAvatar)
await Api.Profile.DeleteAvatarAsync();
if (DelBanner)
await Api.Profile.DeleteBannerAsync();
SaveButton.State = StateButton.StateEnum.Success;
}
catch (ApiException e)

20
Iceshrimp.Frontend/Pages/Settings/Profile.razor.css
View file

@ -18,4 +18,24 @@
.title {
font-size: 0.9rem;
}
input[type="checkbox"] {
display: inline-block;
}
.avatar {
border-radius: 8px;
object-fit: cover;
width: 5em;
height: 5em;
}
.banner {
display: block;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 21/9;
border-radius: 1rem;
}