_Details.cshtml

@inherits ToSic.Sxc.Dnn.RazorComponent
@using ToSic.Razor.Blade;

@Html.Partial("./shared/_Assets.cshtml", new { scripts = true} )

@{
  var parts = CreateInstance("./shared/_Parts.cshtml");
  var article = AsList(Data).FirstOrDefault();
  var filteredCategory = Request.QueryString["category"];
  var categoryParams = Text.Has(filteredCategory)
      ? "category=" + filteredCategory
      : "";

  @* Show article not found notification and stop processing *@
  if(article == null) {
    @parts.ArticleNotFound()

    @* Show "Back to list" button *@
    @parts.BackToListButton(categoryParams)
    return;
  }

  Kit.Page.AddMeta("description", Kit.Scrub.All(article.Teaser));
  Kit.Page.SetTitle(article.Date.ToString("d") + " - " + article.Title);
}

<div class="app-news5 app-news5-detail" @Edit.TagToolbar(article)>
  @* Head of the article *@
  <div class="app-news5-content">
    @* "Will publish"/"expired" notes for admin *@
    @parts.ArticleInformationAdmin(article)

    <h2>@article.Title</h2>

    @* Show Date and categories *@
    @parts.ArticleInformationDateAndCategories(article)
  </div>

  @* Body of the article *@
  <div class="app-news5-content">
    @* Show image or placeholder *@
    @parts.ImageOrPlaceholder(article, true)

    @if(article.ShowTeaserInDetail) {
      <p class="app-news5-detail-teaser">@Html.Raw(Tags.Nl2Br(article.Teaser))</p>
    }

    <div class="app-news5-detail-body">@Html.Raw(article.Body)</div>
  </div>
</div>

@* Show "Back to list" button *@
@parts.BackToListButton(categoryParams)