82 lines
No EOL
2.6 KiB
Text
82 lines
No EOL
2.6 KiB
Text
@using Iceshrimp.Assets.PhosphorIcons
|
|
@using Iceshrimp.Frontend.Localization
|
|
@using Iceshrimp.Shared.Schemas.Web
|
|
@using Microsoft.Extensions.Localization
|
|
@inject IStringLocalizer<Localization> Loc;
|
|
@inject IJSRuntime Js;
|
|
|
|
<div class="wrapper" @onclick="Open" @onclick:stopPropagation="true">
|
|
@if (Attachment.ContentType.StartsWith("image"))
|
|
{
|
|
<img class="attachment @(BlurImage ? "blur-image" : "")" src="@Attachment.Url" alt="@Attachment.AltText"
|
|
fetchpriority="low"/>
|
|
}
|
|
// else if (Attachment.ContentType == "audio/x-mod")
|
|
// {
|
|
// TODO: Module player
|
|
// }
|
|
else if (Attachment.ContentType.StartsWith("audio"))
|
|
{
|
|
<audio controls class="attachment @(BlurImage ? "blur-image" : "")" src="@Attachment.Url"></audio>
|
|
}
|
|
else if (Attachment.ContentType.StartsWith("video"))
|
|
{
|
|
<video controls class="attachment @(BlurImage ? "blur-image" : "")">
|
|
<source src="@Attachment.Url"/>
|
|
</video>
|
|
}
|
|
else
|
|
{
|
|
<div class="attachment file @(BlurImage ? "blur-image" : "")">
|
|
<div class="contents">
|
|
<Icon Name="Icons.FileArrowDown" Size="3em"/>
|
|
<a href="@Attachment.Url" target="_blank">
|
|
@Attachment.Url.Split("/").Last()
|
|
</a>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
@if (!string.IsNullOrWhiteSpace(Attachment.AltText))
|
|
{
|
|
<button @onclick="DisplayAlt" @onclick:stopPropagation="true" class="alt-btn" title="@Attachment.AltText">
|
|
<Icon Name="Icons.ClosedCaptioning"/>
|
|
</button>
|
|
}
|
|
else
|
|
{
|
|
<button @onclick="DisplayAlt" @onclick:stopPropagation="true" class="alt-btn" title="@Loc["No alt text"]">
|
|
<Icon Name="Icons.Warning"/>
|
|
</button>
|
|
}
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter] [EditorRequired] public required NoteAttachment Attachment { get; set; }
|
|
[Parameter] [EditorRequired] public required EventCallback<NoteAttachment> OnOpen { get; set; }
|
|
|
|
private bool BlurImage { get; set; }
|
|
|
|
private void Open()
|
|
{
|
|
if (BlurImage)
|
|
{
|
|
BlurImage = false;
|
|
StateHasChanged();
|
|
}
|
|
else if (Attachment.ContentType.StartsWith("image"))
|
|
{
|
|
OnOpen.InvokeAsync(Attachment);
|
|
}
|
|
}
|
|
|
|
protected override void OnParametersSet()
|
|
{
|
|
BlurImage = Attachment.IsSensitive;
|
|
}
|
|
|
|
private async Task DisplayAlt()
|
|
{
|
|
await Js.InvokeVoidAsync("alert", string.IsNullOrWhiteSpace(Attachment.AltText) ? Loc["No alt text"] : Attachment.AltText);
|
|
}
|
|
} |