source: Klonkt/src/views/partials/read-article.ejs@ 847775c

<%
// Eén bericht in de leesstroom.
//
// Dit is het stuk dat de client AANVULT: bij de onderrand komt de oudere buur
// eronder, bij de bovenrand de nieuwere erboven. Geen sprongen, geen
// scrollpositie die stiekem verzet wordt -- de stroom groeit gewoon in de
// richting waarin je leest, en de browser snapt naar de grenzen.
//
// Elk artikel draagt zijn eigen buren, dus de client hoeft niets te onthouden:
// wat er nog te halen valt staat op het stuk dat er al is.
var _b = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '';
var _newer = (typeof newerPost !== 'undefined' && newerPost) ? newerPost : null;
var _older = (typeof olderPost !== 'undefined' && olderPost) ? olderPost : null;
%>
<article class="read-post"
         data-slug="<%= post.slug %>"
         data-newer="<%= _newer ? _newer.slug : '' %>"
         data-older="<%= _older ? _older.slug : '' %>"
         data-base="<%= _b %>"
         data-title="<%= post.title || '' %>"
         aria-label="<%= post.title || '' %>">
  <%# De titel is een echte link naar het bericht zelf. De leesstroom toont de
      TEKST, maar reacties, waarderingen en boosts staan op de berichtpagina --
      en een stroom waar je niet uit kunt naar het gesprek is een doodlopende weg.
      Een <a> en niet alleen een tik-afhandelaar: dat werkt ook met een
      toetsenbord, met een schermlezer, en met cmd-klik. %>
  <header class="read-head">
    <h1 class="read-title"><a href="<%= _b %>/<%= post.slug %>"><%= post.title || '' %></a></h1>
    <% if (post.published_at) { %><p class="read-when"><%= formatDateTime(post.published_at) %></p><% } %>
  </header>

  <%- include('post-body', {
        post: post, access: entry.access, teaser: entry.teaser,
        content_html: entry.content_html, _base: _b,
      }) %>

  <%# Zegt waar je heen gaat, in plaats van te vertrouwen op een tik die niemand
      ziet. De tik-afhandelaar in mod/read.js is het gemak; dit is de aankondiging. %>
  <footer class="read-foot">
    <a class="read-open" href="<%= _b %>/<%= post.slug %>"><%= t('read.open') %> &rarr;</a>
  </footer>
</article>