88 lines
2.7 KiB
Plaintext
88 lines
2.7 KiB
Plaintext
|
@page "/tutorial/{**slug}"
|
||
|
|
@using Humanizer
|
||
|
|
@using Microsoft.AspNetCore.Mvc.TagHelpers
|
||
|
|
@using OliverBooth.Data.Blog
|
||
|
|
@using OliverBooth.Data.Web
|
||
|
|
@using OliverBooth.Services
|
||
|
|
@inject ITutorialService TutorialService
|
||
|
|
@model Article
|
||
|
|
|
||
|
|
@if (Model.CurrentArticle is not { } article)
|
||
|
|
{
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
@{
|
||
|
|
ViewData["Post"] = article;
|
||
|
|
ViewData["Title"] = article.Title;
|
||
|
|
DateTimeOffset published = article.Published;
|
||
|
|
}
|
||
|
|
|
||
|
|
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
|
||
|
|
<ol class="breadcrumb">
|
||
|
|
<li class="breadcrumb-item">
|
||
|
|
<a asp-page="/Tutorials/Index" asp-route-slug="">Tutorials</a>
|
||
|
|
</li>
|
||
|
|
@{
|
||
|
|
int? parentId = Model.CurrentArticle.Folder;
|
||
|
|
while (parentId is not null)
|
||
|
|
{
|
||
|
|
ITutorialFolder thisFolder = TutorialService.GetFolder(parentId.Value)!;
|
||
|
|
<li class="breadcrumb-item">
|
||
|
|
<a asp-page="/Tutorials/Index" asp-route-slug="@TutorialService.GetFullSlug(thisFolder)">
|
||
|
|
@thisFolder.Title
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
parentId = thisFolder.Parent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
<li class="breadcrumb-item actove" aria-current="page">@Model.CurrentArticle.Title</li>
|
||
|
|
</ol>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<h1>@article.Title</h1>
|
||
|
|
<p class="text-muted">
|
||
|
|
<abbr data-bs-toggle="tooltip" data-bs-title="@published.ToString("dddd, d MMMM yyyy HH:mm")">
|
||
|
|
Published @published.Humanize()
|
||
|
|
</abbr>
|
||
|
|
|
||
|
|
@if (article.Updated is { } updated)
|
||
|
|
{
|
||
|
|
<span>•</span>
|
||
|
|
<abbr data-bs-toggle="tooltip" data-bs-title="@updated.ToString("dddd, d MMMM yyyy HH:mm")">
|
||
|
|
Updated @updated.Humanize()
|
||
|
|
</abbr>
|
||
|
|
}
|
||
|
|
</p>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<article>
|
||
|
|
@Html.Raw(TutorialService.RenderArticle(article))
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-6">
|
||
|
|
@if (article.PreviousPart is { } previousPartId && TutorialService.TryGetArticle(previousPartId, out ITutorialArticle? previousPart))
|
||
|
|
{
|
||
|
|
<small>Previous Part</small>
|
||
|
|
<p class="lead">
|
||
|
|
<a asp-page="Article" asp-route-slug="@TutorialService.GetFullSlug(previousPart)">
|
||
|
|
@previousPart.Title
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-6" style="text-align: right;">
|
||
|
|
@if (article.NextPart is { } nextPartId && TutorialService.TryGetArticle(nextPartId, out ITutorialArticle? nextPart))
|
||
|
|
{
|
||
|
|
<small>Next Part</small>
|
||
|
|
<p class="lead">
|
||
|
|
<a asp-page="Article" asp-route-slug="@TutorialService.GetFullSlug(nextPart)">
|
||
|
|
@nextPart.Title
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|