Settings, Administration and conversations; threads that fill in
Settings, which held only the theme, now belong to the persona too: - its profile (update_credentials, a new PATCH in IHttpService): pictures, name, biography and fields as written, locked, bot, discoverable, indexable, and how its posts start (visibility, language, sensitive media, who may quote them); the composer starts at that visibility; - the root's personas, each used in turn, and a new one made; - the accounts it muted or blocked and the servers it blocked, each undone there, a server blocked from a pasted address or handle; - its follows, lists, blocks, mutes, blocked servers and bookmarks exported and imported as the CSV files Mastodon writes (PortabilityService): an import resolves each row through PrivaPub, one at a time, and can stop. Administration opens to moderators: reports, resolved there; and for administrators the servers blocked for everyone and the federation statistics (traffic by server, delivery success and latency, the crawler). The Direct tab pages conversations, badges the unread ones, and a card marks one read or takes it off the list; opening one reads it. A remote thread is read again 4 and 15 seconds after it opens, since PrivaPub then fetches the replies its servers hold. A thread its community locked shows a lock instead of a reply button, reactions stay visible below a content warning, and a searched handle opens its account's profile whatever else matched. The e2e tests cover each: the profile saved and read back, a persona made, servers blocked and imported, follows exported, an instance block and the statistics as the pasture's admin, a conversation read and removed, and a reply only Mastodon held appearing in its thread. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed
1 parent
03f4f2ad53
commit
d7d836ba39
40 files changed
+3155
-62
No files matched your search
@@ -0,0 +1,150 @@
|
||||
@inherits LocalizableComponentBase
|
||||
|
||||
@* The persona's follows, lists, blocks, mutes, blocked servers and bookmarks, exported and imported as the CSV files
|
||||
Mastodon writes, which most fediverse servers read too: a persona moves here from another server, or away, with what
|
||||
it gathered there. An import acts one row at a time, through PrivaPub, and can be stopped. *@
|
||||
<div class="flex flex-col gap-5 w-full">
|
||||
<section class="flex flex-col gap-2" data-export>
|
||||
<h3 class="font-semibold text-sm">@Localizer["Export"]</h3>
|
||||
<p class="text-sm opacity-70">@Localizer["Files in Mastodon's format, which most fediverse servers import."]</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@foreach (var data in Kinds)
|
||||
{
|
||||
<DButton Size="DSize.Sm" Disabled="@(IsDefaultDisabled || exporting is not null || importing is not null)" OnClick="() => Export(data)"
|
||||
data-export-kind="@data">
|
||||
@if (exporting == data)
|
||||
{
|
||||
<DLoading Size="DSize.Xs" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<i class="ion-md-download"></i>
|
||||
}
|
||||
<span>@Name(data)</span>
|
||||
</DButton>
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="flex flex-col gap-2" data-import>
|
||||
<h3 class="font-semibold text-sm">@Localizer["Import"]</h3>
|
||||
<div class="flex flex-wrap gap-2 items-end">
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["What the file holds"]</span>
|
||||
<DSelect TValue="PortableData" Size="DSize.Sm" @bind-Value="importKind" disabled="@(importing is not null)" data-import-kind>
|
||||
@foreach (var data in Kinds)
|
||||
{
|
||||
<option value="@data">@Name(data)</option>
|
||||
}
|
||||
</DSelect>
|
||||
</label>
|
||||
<DFileInput Size="DSize.Sm" Accept=".csv,text/csv" OnChange="Pick" disabled="@(importing is not null)" data-import-file />
|
||||
@if (importing is null)
|
||||
{
|
||||
<DButton Size="DSize.Sm" Color="DColor.Primary" Disabled="@(IsDefaultDisabled || file is null || exporting is not null)" OnClick="Import"
|
||||
data-import-start>
|
||||
<i class="ion-md-cloud-upload"></i><span>@Localizer["Import"]</span>
|
||||
</DButton>
|
||||
}
|
||||
else
|
||||
{
|
||||
<DButton Size="DSize.Sm" Color="DColor.Warning" OnClick="Stop">@Localizer["Stop"]</DButton>
|
||||
}
|
||||
</div>
|
||||
@if (report is not null)
|
||||
{
|
||||
<div class="flex flex-col gap-1" data-import-report>
|
||||
<DProgress class="w-full max-w-md" Value="@(report.Done + report.Failed.Count)" Max="@Math.Max(1, report.Total)" />
|
||||
<span class="text-sm tabular-nums">
|
||||
@Localizer["{0} of {1} done, {2} could not be.", report.Done, report.Total, report.Failed.Count]
|
||||
</span>
|
||||
<ErrorViewer AdditionalErrors="report.Failed" />
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Inject] PortabilityService PortabilityService { get; set; }
|
||||
[Inject] IBlazorDownloadFileService DownloadFile { get; set; }
|
||||
[Inject] ILoggingService Logger { get; set; }
|
||||
|
||||
// an export file of 5000 rows stays well under this
|
||||
const long MaximumFileSize = 4 * 1024 * 1024;
|
||||
static readonly PortableData[] Kinds = Enum.GetValues<PortableData>();
|
||||
|
||||
PortableData? exporting;
|
||||
PortableData? importing;
|
||||
PortableData importKind = PortableData.Follows;
|
||||
string file;
|
||||
ImportReport report;
|
||||
CancellationTokenSource stopping;
|
||||
|
||||
protected override void OnInitialized() => IsLoading = false;
|
||||
|
||||
string Name(PortableData data) => data switch
|
||||
{
|
||||
PortableData.Follows => Localizer["Follows"],
|
||||
PortableData.Lists => Localizer["Lists"],
|
||||
PortableData.Blocks => Localizer["Blocked accounts"],
|
||||
PortableData.Mutes => Localizer["Muted accounts"],
|
||||
PortableData.ServerBlocks => Localizer["Blocked servers"],
|
||||
_ => Localizer["Bookmarks"]
|
||||
};
|
||||
|
||||
async Task Export(PortableData data)
|
||||
{
|
||||
exporting = data;
|
||||
var bytes = await PortabilityService.Export(data, CascadingState.PersonaId);
|
||||
exporting = null;
|
||||
await DownloadFile.DownloadFileAsync(PortabilityService.FileName(data), bytes, "text/csv");
|
||||
}
|
||||
|
||||
async Task Pick(InputFileChangeEventArgs eventArgs)
|
||||
{
|
||||
file = null;
|
||||
report = null;
|
||||
if (eventArgs.File.Size > MaximumFileSize)
|
||||
{
|
||||
Toast.AddWarning(Localizer["Supplied file \"{0}\" with size {1} exceeds the maximum of {2}.", eventArgs.File.Name,
|
||||
eventArgs.File.Size.GetFileSize(Localizer), MaximumFileSize.GetFileSize(Localizer)]);
|
||||
return;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
using var reader = new StreamReader(eventArgs.File.OpenReadStream(MaximumFileSize));
|
||||
file = await reader.ReadToEndAsync();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await Logger.ProcessError(ex, $"{nameof(DataTransfer)}.{nameof(Pick)}:{eventArgs.File.Name}");
|
||||
Toast.AddWarning(Localizer["The file \"{0}\" could not be read.", eventArgs.File.Name]);
|
||||
}
|
||||
}
|
||||
|
||||
async Task Import()
|
||||
{
|
||||
importing = importKind;
|
||||
stopping = new();
|
||||
report = new();
|
||||
var progress = new Progress<ImportReport>(step =>
|
||||
{
|
||||
report = step;
|
||||
StateHasChanged();
|
||||
});
|
||||
report = await PortabilityService.Import(importKind, file, progress, stopping.Token);
|
||||
importing = null;
|
||||
stopping.Dispose();
|
||||
stopping = null;
|
||||
Toast.AddResponseSuccess(Localizer["{0} of {1} done, {2} could not be.", report.Done, report.Total, report.Failed.Count]);
|
||||
}
|
||||
|
||||
void Stop() => stopping?.Cancel();
|
||||
|
||||
public override async ValueTask DisposeAsync()
|
||||
{
|
||||
stopping?.Cancel();
|
||||
await base.DisposeAsync();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,229 @@
|
||||
@inherits LocalizableComponentBase
|
||||
|
||||
@* The accounts the current persona muted or blocked (/api/v1/mutes, /api/v1/blocks), and the servers it blocked
|
||||
(/api/v1/domain_blocks), each one undone here. A server blocked hides everything from it and removes the persona's
|
||||
followers there. *@
|
||||
@if (IsLoading)
|
||||
{
|
||||
<p class="flex w-full items-center justify-center gap-2">
|
||||
<DLoading Variant="DLoadingVariant.Dots" LabelText="@Localizer["loading"]" />
|
||||
@Localizer["loading"]
|
||||
</p>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="flex flex-col gap-5 w-full">
|
||||
<section class="flex flex-col gap-2" data-mutes>
|
||||
<h3 class="font-semibold text-sm">@Localizer["Muted accounts"]</h3>
|
||||
@if (mutes.Count == 0)
|
||||
{
|
||||
<p class="text-sm opacity-70">@Localizer["Nobody is muted."]</p>
|
||||
}
|
||||
@foreach (var account in mutes)
|
||||
{
|
||||
<div class="flex items-center gap-2 min-w-0" data-account-id="@account.Id">
|
||||
<img class="size-8 rounded-full object-cover" src="@account.Avatar" alt="" />
|
||||
<a class="flex-1 min-w-0 truncate link link-hover" href="@($"account/{Uri.EscapeDataString(account.Id)}")">
|
||||
<b>@account.Name</b> <span class="text-xs opacity-70">@@@account.Acct</span>
|
||||
</a>
|
||||
<DButton Size="DSize.Sm" Disabled="@(IsDefaultDisabled || busy.Contains(account.Id))" OnClick="() => Undo(account, AccountAction.Unmute)">
|
||||
@Localizer["Unmute"]
|
||||
</DButton>
|
||||
</div>
|
||||
}
|
||||
@if (mutesMaxId is not null)
|
||||
{
|
||||
<DButton Size="DSize.Sm" class="self-start" Disabled="IsDefaultDisabled" OnClick="MoreMutes">@Localizer["Load more"]</DButton>
|
||||
}
|
||||
</section>
|
||||
|
||||
<section class="flex flex-col gap-2" data-blocks>
|
||||
<h3 class="font-semibold text-sm">@Localizer["Blocked accounts"]</h3>
|
||||
@if (blocks.Count == 0)
|
||||
{
|
||||
<p class="text-sm opacity-70">@Localizer["Nobody is blocked."]</p>
|
||||
}
|
||||
@foreach (var account in blocks)
|
||||
{
|
||||
<div class="flex items-center gap-2 min-w-0" data-account-id="@account.Id">
|
||||
<img class="size-8 rounded-full object-cover" src="@account.Avatar" alt="" />
|
||||
<a class="flex-1 min-w-0 truncate link link-hover" href="@($"account/{Uri.EscapeDataString(account.Id)}")">
|
||||
<b>@account.Name</b> <span class="text-xs opacity-70">@@@account.Acct</span>
|
||||
</a>
|
||||
<DButton Size="DSize.Sm" Disabled="@(IsDefaultDisabled || busy.Contains(account.Id))" OnClick="() => Undo(account, AccountAction.Unblock)">
|
||||
@Localizer["Unblock"]
|
||||
</DButton>
|
||||
</div>
|
||||
}
|
||||
@if (blocksMaxId is not null)
|
||||
{
|
||||
<DButton Size="DSize.Sm" class="self-start" Disabled="IsDefaultDisabled" OnClick="MoreBlocks">@Localizer["Load more"]</DButton>
|
||||
}
|
||||
</section>
|
||||
|
||||
<section class="flex flex-col gap-2" data-domain-blocks>
|
||||
<h3 class="font-semibold text-sm">@Localizer["Blocked servers"]</h3>
|
||||
<EditForm Model="draft" OnValidSubmit="BlockDomain" class="flex flex-wrap gap-2 items-center">
|
||||
<DInput TValue="string" class="flex-1 min-w-48" @bind-Value="draft.Domain" Immediate="true" autocomplete="off" maxlength="253"
|
||||
placeholder="@Localizer["A server, e.g. example.social"]" data-domain-new>
|
||||
<Prefix><i class="ion-md-globe"></i></Prefix>
|
||||
</DInput>
|
||||
<DButton Type="submit" Size="DSize.Sm" Color="DColor.Error" Disabled="@(IsDefaultDisabled || string.IsNullOrWhiteSpace(draft.Domain) || busy.Contains(Domain(draft.Domain)))">
|
||||
@Localizer["Block server"]
|
||||
</DButton>
|
||||
</EditForm>
|
||||
@if (domains.Count == 0)
|
||||
{
|
||||
<p class="text-sm opacity-70">@Localizer["No server is blocked."]</p>
|
||||
}
|
||||
@foreach (var domain in domains)
|
||||
{
|
||||
<div class="flex items-center gap-2 min-w-0" data-domain="@domain">
|
||||
<i class="ion-md-globe opacity-70"></i>
|
||||
<span class="flex-1 min-w-0 truncate">@domain</span>
|
||||
<DButton Size="DSize.Sm" Disabled="@(IsDefaultDisabled || busy.Contains(domain))" OnClick="() => UnblockDomain(domain)">
|
||||
@Localizer["Unblock"]
|
||||
</DButton>
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Inject] AccountService AccountService { get; set; }
|
||||
|
||||
sealed class DomainDraft
|
||||
{
|
||||
public string Domain { get; set; }
|
||||
}
|
||||
|
||||
List<Account> mutes = [];
|
||||
List<Account> blocks = [];
|
||||
List<string> domains = [];
|
||||
string mutesMaxId;
|
||||
string blocksMaxId;
|
||||
DomainDraft draft = new();
|
||||
// the accounts and servers whose undo is on its way
|
||||
HashSet<string> busy = [];
|
||||
string loadedPersonaId;
|
||||
|
||||
protected override async Task OnParametersSetAsync()
|
||||
{
|
||||
if (CascadingState.PersonaId == loadedPersonaId)
|
||||
return;
|
||||
loadedPersonaId = CascadingState.PersonaId;
|
||||
|
||||
if (CascadingState.IsOffline)
|
||||
{
|
||||
WhenOnline(LoadData);
|
||||
StartOnlinePolling();
|
||||
IsLoading = false;
|
||||
return;
|
||||
}
|
||||
|
||||
await LoadData();
|
||||
IsLoading = false;
|
||||
}
|
||||
|
||||
async Task LoadData()
|
||||
{
|
||||
mutes = [];
|
||||
blocks = [];
|
||||
mutesMaxId = null;
|
||||
blocksMaxId = null;
|
||||
await Task.WhenAll(MoreMutes(), MoreBlocks());
|
||||
domains = await AccountService.DomainBlocks();
|
||||
}
|
||||
|
||||
async Task MoreMutes()
|
||||
{
|
||||
var result = await AccountService.Mutes(mutesMaxId);
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
var page = (AccountPage)result.Data;
|
||||
mutes.AddRange(page.Accounts.Where(a => mutes.All(m => m.Id != a.Id)));
|
||||
mutesMaxId = page.MaxId;
|
||||
}
|
||||
|
||||
async Task MoreBlocks()
|
||||
{
|
||||
var result = await AccountService.Blocks(blocksMaxId);
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
var page = (AccountPage)result.Data;
|
||||
blocks.AddRange(page.Accounts.Where(a => blocks.All(b => b.Id != a.Id)));
|
||||
blocksMaxId = page.MaxId;
|
||||
}
|
||||
|
||||
async Task Undo(Account account, AccountAction action)
|
||||
{
|
||||
busy.Add(account.Id);
|
||||
var result = await AccountService.Act(account.Id, action);
|
||||
busy.Remove(account.Id);
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
if (action is AccountAction.Unmute)
|
||||
mutes.RemoveAll(m => m.Id == account.Id);
|
||||
else
|
||||
blocks.RemoveAll(b => b.Id == account.Id);
|
||||
}
|
||||
|
||||
// what a person types as a server (a URL, a handle's host, any case) as the bare host PrivaPub keys it by
|
||||
static string Domain(string typed)
|
||||
{
|
||||
var text = typed?.Trim().TrimStart('@') ?? "";
|
||||
if (Uri.TryCreate(text.Contains("://") ? text : "https://" + text, UriKind.Absolute, out var uri))
|
||||
text = uri.Host;
|
||||
return text.ToLowerInvariant();
|
||||
}
|
||||
|
||||
async Task BlockDomain()
|
||||
{
|
||||
var domain = Domain(draft.Domain);
|
||||
if (domain.Length == 0 || domains.Contains(domain))
|
||||
{
|
||||
draft = new();
|
||||
return;
|
||||
}
|
||||
|
||||
busy.Add(domain);
|
||||
var result = await AccountService.BlockDomain(domain);
|
||||
busy.Remove(domain);
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
draft = new();
|
||||
domains = [.. domains.Append(domain).Order()];
|
||||
Toast.AddResponseSuccess(Localizer["{0} is blocked.", domain]);
|
||||
}
|
||||
|
||||
async Task UnblockDomain(string domain)
|
||||
{
|
||||
busy.Add(domain);
|
||||
var result = await AccountService.UnblockDomain(domain);
|
||||
busy.Remove(domain);
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
domains.Remove(domain);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
@inherits LocalizableComponentBase
|
||||
|
||||
@* The root's personas (/clientapi/avatar/private): each one used in turn, and a new one made. Personas are never linked
|
||||
to one another: no server, PrivaPub's included, shows that they share a root. *@
|
||||
<div class="flex flex-col gap-4 w-full" data-personas>
|
||||
<div class="flex flex-col gap-2">
|
||||
@foreach (var persona in CascadingState.Personas)
|
||||
{
|
||||
<div class="flex items-center gap-2 min-w-0" data-persona="@persona.UserName">
|
||||
<img class="size-8 rounded-full object-cover" src="@(persona.PictureURL ?? "imgs/icon-192.png")" alt="" />
|
||||
<span class="flex-1 min-w-0 truncate"><b>@(persona.Name ?? persona.UserName)</b> <span class="text-xs opacity-70">@persona.Handle</span></span>
|
||||
@if (persona.Id == CascadingState.PersonaId)
|
||||
{
|
||||
<DBadge Size="DSize.Sm" Variant="DBadgeVariant.Soft" Color="DColor.Primary">@Localizer["in use"]</DBadge>
|
||||
}
|
||||
else
|
||||
{
|
||||
<DButton Size="DSize.Sm" Disabled="@(IsDefaultDisabled || switching is not null)" OnClick="() => Use(persona)">@Localizer["Use"]</DButton>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<EditForm Model="form" OnValidSubmit="Create" class="flex flex-col gap-2 p-3 rounded-xl neo-inset neo-2xs" data-persona-new>
|
||||
<DataAnnotationsValidator />
|
||||
<b class="text-sm">@Localizer["A new persona"]</b>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<DInput TValue="string" class="flex-1 min-w-40" @bind-Value="form.UserName" Immediate="true" autocomplete="off"
|
||||
maxlength="@PrivaPub.ClientModels.Constants.MaxAvatarNameLength" placeholder="@Localizer["user name (a-z, 0-9, _)"]" data-persona-username>
|
||||
<Prefix>@@</Prefix>
|
||||
</DInput>
|
||||
<DInput TValue="string" class="flex-1 min-w-40" @bind-Value="form.Name" Immediate="true" autocomplete="off"
|
||||
maxlength="@PrivaPub.ClientModels.Constants.MaxAvatarNameLength" placeholder="@Localizer["Display name"]" data-persona-name />
|
||||
</div>
|
||||
<DTextarea @bind-Value="form.Biography" Immediate="true" rows="3" autocomplete="off" maxlength="@ProfileForm.NoteLength"
|
||||
placeholder="@Localizer["Biography"]" data-persona-biography />
|
||||
<ErrorViewer />
|
||||
<DButton Type="submit" Size="DSize.Sm" Color="DColor.Primary" class="self-end" Disabled="@(IsDefaultDisabled || isSaving)" data-persona-create>
|
||||
<i class="ion-md-person-add"></i><span>@Localizer["Make the persona"]</span>
|
||||
</DButton>
|
||||
</EditForm>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Inject] AuthService AuthService { get; set; }
|
||||
|
||||
InsertAvatarForm form = new();
|
||||
bool isSaving;
|
||||
string switching;
|
||||
|
||||
protected override void OnInitialized() => IsLoading = false;
|
||||
|
||||
async Task Use(ViewAvatar persona)
|
||||
{
|
||||
switching = persona.Id;
|
||||
var result = await CascadingState.SwitchPersona(persona.Id);
|
||||
switching = null;
|
||||
if (result.IsInvalid)
|
||||
Toast.AddResponseError(result);
|
||||
}
|
||||
|
||||
async Task Create()
|
||||
{
|
||||
isSaving = true;
|
||||
form.UserName = form.UserName?.Trim().TrimStart('@').ToLowerInvariant();
|
||||
var result = await AuthService.CreatePersona(form);
|
||||
isSaving = false;
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
form = new();
|
||||
await CascadingState.ReloadPersonas();
|
||||
Toast.AddResponseSuccess(Localizer["Persona made."]);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,210 @@
|
||||
@inherits LocalizableComponentBase
|
||||
|
||||
@* The current persona's profile (/api/v1/accounts/update_credentials): its pictures, name, biography and fields as it
|
||||
wrote them, whether it approves followers by hand, is a bot, is listed and searchable, and how its new posts start.
|
||||
PrivaPub tells the persona's followers' servers of the change. *@
|
||||
@if (IsLoading)
|
||||
{
|
||||
<p class="flex w-full items-center justify-center gap-2">
|
||||
<DLoading Variant="DLoadingVariant.Dots" LabelText="@Localizer["loading"]" />
|
||||
@Localizer["loading"]
|
||||
</p>
|
||||
}
|
||||
else if (account is null)
|
||||
{
|
||||
<p class="w-full text-center"><i class="ion-ios-remove-circle-outline"></i> @Localizer["No persona"]</p>
|
||||
}
|
||||
else
|
||||
{
|
||||
<EditForm Model="form" OnValidSubmit="Save" class="flex flex-col gap-4 w-full" data-profile-editor>
|
||||
<div class="relative w-full">
|
||||
<img class="w-full h-28 md:h-36 object-cover rounded-xl" src="@(form.Header?.Base64Preview ?? account.Header)" alt="@Localizer["Header"]" />
|
||||
<img class="absolute -bottom-6 left-4 size-20 rounded-full object-cover neo-raised neo-xs" src="@(form.Avatar?.Base64Preview ?? account.Avatar)"
|
||||
alt="@Localizer["Avatar"]" />
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-3 pt-6">
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["Avatar"]</span>
|
||||
<DFileInput Size="DSize.Sm" Accept="image/png,image/jpeg,image/gif,image/webp" OnChange="e => Pick(e, true)" data-profile-avatar />
|
||||
</label>
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["Header"]</span>
|
||||
<DFileInput Size="DSize.Sm" Accept="image/png,image/jpeg,image/gif,image/webp" OnChange="e => Pick(e, false)" data-profile-header />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label class="flex flex-col gap-1 max-w-md">
|
||||
<span class="text-sm">@Localizer["Display name"]</span>
|
||||
<DInput TValue="string" @bind-Value="form.DisplayName" Immediate="true" autocomplete="off" maxlength="@ProfileForm.DisplayNameLength"
|
||||
data-profile-name />
|
||||
</label>
|
||||
<label class="flex flex-col gap-1">
|
||||
<span class="text-sm">@Localizer["Biography"]</span>
|
||||
<DTextarea @bind-Value="form.Note" Immediate="true" rows="4" autocomplete="off" maxlength="@ProfileForm.NoteLength" data-profile-note />
|
||||
<span class="text-xs opacity-70 tabular-nums self-end">@(form.Note?.Length ?? 0)/@ProfileForm.NoteLength</span>
|
||||
</label>
|
||||
|
||||
<fieldset class="flex flex-col gap-2">
|
||||
<legend class="text-sm font-semibold pb-1">@Localizer["Profile fields"]</legend>
|
||||
@foreach (var field in form.Fields)
|
||||
{
|
||||
<div class="flex flex-wrap gap-2" data-profile-field="@form.Fields.IndexOf(field)">
|
||||
<DInput TValue="string" class="flex-1 min-w-36" @bind-Value="field.Name" Immediate="true" autocomplete="off"
|
||||
maxlength="@ProfileForm.FieldLength" placeholder="@Localizer["Label"]" />
|
||||
<DInput TValue="string" class="flex-[2] min-w-48" @bind-Value="field.Value" Immediate="true" autocomplete="off"
|
||||
maxlength="@ProfileForm.FieldLength" placeholder="@Localizer["Content"]" />
|
||||
</div>
|
||||
}
|
||||
</fieldset>
|
||||
|
||||
<div class="flex flex-col gap-3">
|
||||
<DToggle LabelText="@Localizer["Approve followers by hand"]" @bind-Value="form.Locked" data-profile-locked />
|
||||
<DToggle LabelText="@Localizer["This persona is automated (a bot)"]" @bind-Value="form.Bot" />
|
||||
<DToggle LabelText="@Localizer["List it in the directory and suggest it to others"]" @bind-Value="form.Discoverable" />
|
||||
<DToggle LabelText="@Localizer["Let its public posts be found by search"]" @bind-Value="form.Indexable" />
|
||||
</div>
|
||||
|
||||
<fieldset class="flex flex-wrap gap-4">
|
||||
<legend class="text-sm font-semibold pb-1">@Localizer["New posts"]</legend>
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["Visibility"]</span>
|
||||
<DSelect TValue="MessageType" Size="DSize.Sm" @bind-Value="form.Privacy" data-profile-privacy>
|
||||
@foreach (var type in Visibilities)
|
||||
{
|
||||
<option value="@type">@Localizer[type.ToString()]</option>
|
||||
}
|
||||
</DSelect>
|
||||
</label>
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["Language"]</span>
|
||||
<DSelect TValue="string" Size="DSize.Sm" @bind-Value="form.Language">
|
||||
<option value="">—</option>
|
||||
@foreach (var (languageCode, languageName) in Languages.All)
|
||||
{
|
||||
<option value="@languageCode">@languageName</option>
|
||||
}
|
||||
</DSelect>
|
||||
</label>
|
||||
<label class="flex flex-col gap-1 text-sm">
|
||||
<span>@Localizer["Who may quote them"]</span>
|
||||
<DSelect TValue="QuotePolicy" Size="DSize.Sm" @bind-Value="form.QuotePolicy">
|
||||
@foreach (var policy in Enum.GetValues<QuotePolicy>())
|
||||
{
|
||||
<option value="@policy">@QuotePolicyName(policy)</option>
|
||||
}
|
||||
</DSelect>
|
||||
</label>
|
||||
<DToggle class="self-end" LabelText="@Localizer["Mark media as sensitive"]" @bind-Value="form.Sensitive" />
|
||||
</fieldset>
|
||||
|
||||
<ErrorViewer AdditionalErrors="pictureErrors" />
|
||||
|
||||
<div class="flex flex-wrap gap-2 justify-end">
|
||||
<DButton Size="DSize.Sm" OnClick="Reset" Disabled="@(IsDefaultDisabled || isSaving)">@Localizer["Reset"]</DButton>
|
||||
<DButton Type="submit" Size="DSize.Sm" Color="DColor.Primary" Disabled="@(IsDefaultDisabled || isSaving)" data-profile-save>
|
||||
<i class="ion-md-checkmark"></i><span>@Localizer["Save"]</span>
|
||||
</DButton>
|
||||
</div>
|
||||
</EditForm>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Inject] AccountService AccountService { get; set; }
|
||||
[Inject] AuthService AuthService { get; set; }
|
||||
[Inject] ILoggingService Logger { get; set; }
|
||||
|
||||
// PrivaPub keeps pictures up to 20 MB and resizes them
|
||||
const long MaximumPictureSize = 20 * 1024 * 1024;
|
||||
static readonly MessageType[] Visibilities = [MessageType.Public, MessageType.Unlisted, MessageType.FollowersOnly];
|
||||
|
||||
Account account;
|
||||
ProfileForm form = new();
|
||||
string loadedPersonaId;
|
||||
bool isSaving;
|
||||
List<string> pictureErrors = [];
|
||||
|
||||
protected override async Task OnParametersSetAsync()
|
||||
{
|
||||
if (CascadingState.PersonaId == loadedPersonaId)
|
||||
return;
|
||||
loadedPersonaId = CascadingState.PersonaId;
|
||||
|
||||
if (CascadingState.IsOffline)
|
||||
{
|
||||
WhenOnline(LoadData);
|
||||
StartOnlinePolling();
|
||||
IsLoading = false;
|
||||
return;
|
||||
}
|
||||
|
||||
await LoadData();
|
||||
IsLoading = false;
|
||||
}
|
||||
|
||||
async Task LoadData()
|
||||
{
|
||||
// the account as the persona sees itself, with its Source
|
||||
account = await AuthService.CurrentAccount();
|
||||
Reset();
|
||||
}
|
||||
|
||||
void Reset()
|
||||
{
|
||||
pictureErrors = [];
|
||||
form = account is null ? new() : ProfileForm.Of(account);
|
||||
}
|
||||
|
||||
string QuotePolicyName(QuotePolicy policy) => policy switch
|
||||
{
|
||||
QuotePolicy.Followers => Localizer["Its followers"],
|
||||
QuotePolicy.Nobody => Localizer["Nobody"],
|
||||
_ => Localizer["Anyone"]
|
||||
};
|
||||
|
||||
async Task Pick(InputFileChangeEventArgs eventArgs, bool isAvatar)
|
||||
{
|
||||
pictureErrors = [];
|
||||
var file = eventArgs.File;
|
||||
if (file.Size > MaximumPictureSize)
|
||||
{
|
||||
pictureErrors.Add(Localizer["Supplied file \"{0}\" with size {1} exceeds the maximum of {2}.", file.Name,
|
||||
file.Size.GetFileSize(Localizer), MaximumPictureSize.GetFileSize(Localizer)]);
|
||||
return;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
using var memoryStream = new MemoryStream();
|
||||
await using var fileStream = file.OpenReadStream(MaximumPictureSize);
|
||||
await fileStream.CopyToAsync(memoryStream);
|
||||
var picture = new UploadMedia { FileName = file.Name, ContentType = file.ContentType, Size = file.Size, Blob = memoryStream.ToArray() };
|
||||
picture.Base64Preview = $"data:{picture.ContentType};base64,{Convert.ToBase64String(picture.Blob)}";
|
||||
if (isAvatar)
|
||||
form.Avatar = picture;
|
||||
else
|
||||
form.Header = picture;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await Logger.ProcessError(ex, $"{nameof(ProfileEditor)}.{nameof(Pick)}:{file.Name}");
|
||||
pictureErrors.Add(Localizer["The file \"{0}\" could not be read.", file.Name]);
|
||||
}
|
||||
}
|
||||
|
||||
async Task Save()
|
||||
{
|
||||
isSaving = true;
|
||||
var result = await AccountService.UpdateProfile(form);
|
||||
isSaving = false;
|
||||
if (result.IsInvalid)
|
||||
{
|
||||
Toast.AddResponseError(result);
|
||||
return;
|
||||
}
|
||||
|
||||
account = (Account)result.Data;
|
||||
CascadingState.PersonaChanged(account);
|
||||
Reset();
|
||||
Toast.AddResponseSuccess(Localizer["Profile saved."]);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user