Wave/Wave/Components/ArticleComponent.razor

68 lines
2.2 KiB
Plaintext

@using Wave.Data
@using Humanizer
@inject IStringLocalizer<Pages.ArticleView> Localizer
<h1 class="text-3xl lg:text-5xl font-light text-primary">
@Article.Title
</h1>
<p class="mb-6">
<small class="text-sm text-secondary">
<time datetime="@Article.PublishDate.ToString("u")"
title="@Article.PublishDate.ToString("g")">
@Article.PublishDate.Humanize()
</time>
@if (Article.LastModified is not null && Article.LastModified > Article.PublishDate) {
<time datetime="@Article.LastModified.Value.ToString("u")"
title="@Article.LastModified.Value.ToString("g")">
&ensp;(@Localizer["ModifiedOn"] @Article.LastModified.Humanize())
</time>
}
@if (Article.Status < ArticleStatus.Published) {
<span class="badge badge-sm badge-outline badge-warning ml-2">
@Article.Status.Humanize()
</span>
}
</small>
</p>
<hr class="my-3" />
<article class="prose prose-neutral max-w-none mb-6">
@Content
</article>
<hr class="my-3" />
@if (!string.IsNullOrWhiteSpace(Article.Author.AboutTheAuthor)) {
<section class="mb-2">
<h2 class="text-2xl lg:text-4xl mb-3">About The Author</h2>
<div class="card sm:card-side card-compact bg-secondary text-secondary-content rounded shadow">
<figure class="sm:max-w-32">
<img src="/api/user/pfp/@Article.Author.Id" alt="" width="800">
</figure>
<div class="card-body">
<h3 class="card-title">@Article.Author.Name</h3>
<p>
@Article.Author.AboutTheAuthor
</p>
</div>
</div>
</section>
}
<div class="flex gap-2 flex-wrap">
@if (string.IsNullOrWhiteSpace(Article.Author.AboutTheAuthor)) {
<ProfilePill Profile="Article.Author" RoleTag="@Localizer["Author"]"/>
}
@if (Article.Reviewer is not null && Article.Reviewer.Id != Article.Author.Id) {
<ProfilePill Profile="Article.Reviewer" RoleTag="@Localizer["Reviewer"]"/>
}
</div>
@code {
[Parameter]
public required Article Article { get; set; }
private MarkupString Content => new(Article.BodyHtml);
}