<% if (n.type === 'thread') { %> <% var _tseen = (typeof seen !== 'undefined' && seen) ? seen : 0; // Een draad is nieuw zodra EEN bericht erin nieuw is. var _tnew = !!_tseen && (n.messages || []).some(function (m) { return m.created_at && Date.parse(m.created_at) > _tseen; }); var _tpeople = (n.people || []).map(function (p) { return p.name || p.handle || '?'; }); // Alleen jij aan het woord: dan is de tegenpartij het adres waaraan // je schreef, niet een lege naam. var _tto = ((n.messages || []).find(function (m) { return m.to_handle; }) || {}).to_handle; var _tlabel = _tpeople.length ? _tpeople.join(', ') : (_tto || t('msg.you')); %>
  • <%# Tegenpartij en aantal in EEN uitsparing: het is een label bij het gesprek, geen kop erboven. Zo houdt de inhoud de ruimte. Deze uitsparing is ook de knop die het gesprek in- en uitklapt (Barts aanwijzing): tikken op de tegenpartij is waar je van nature naar wijst als je "dit gesprek" bedoelt. Een BUTTON en geen span met een klikhandler, want dan werkt hij ook met het toetsenbord en leest een schermlezer de stand voor. Zonder JavaScript doet hij niets, en dan staat het gesprek gewoon open -- dat is ook de stand waar we mee beginnen. %> <% if (_tnew) { %><% } %> <%# De context bij de draad: waar gaat dit gesprek over? Zonder deze link is een antwoord in een lijst niet te plaatsen. %> <% if (n.post) { %> <%= n.post.title || n.post.slug %> <% } %>
    <%# Antwoorden vanuit de draad zelf. Ingeklapt, want een open editor onder elk gesprek maakt de lijst onleesbaar -- juist het probleem dat deze weergave moest oplossen. De route kiest het pad: een draad aan een post krijgt een reply, een draad aan een persoon een direct bericht. %> <% var _rt = n.replyTo || {}; var _kan = canMutate && ((_rt.interactionId && _rt.postSlug) || _rt.actorUri); %> <% if (_kan) { %>
    <%= t('fedi.reply') %>
    <%- include('../partials/reply-editor', { action: (typeof siteUrlBase !== 'undefined' ? siteUrlBase : '') + '/messages/reply', hiddenFields: [ { name: 'interaction_id', value: _rt.interactionId || '' }, { name: 'post_slug', value: _rt.postSlug || '' }, { name: 'to', value: _rt.actorUri || '' }, ], placeholder: t('fedi.reply_ph'), submitLabel: t('fedi.reply'), rows: 2, }) %>
    <%# De zwaai blijft een eigen knop: het is geen antwoord maar een seintje (FEP-633c), en die twee horen niet op een hoop. %> <% if (_rt.actorUri) { %>
    <% } %>
    <% } %>
    • <% } else { %> <% var _seen = (typeof seen !== 'undefined' && seen) ? seen : 0; var _t = n.type === 'announce' ? 'boost' : n.type; // reply|mention|report|like|boost|follow|sent var _new = _seen && n.created_at ? (Date.parse(n.created_at) > _seen) : false; var _who = n.name || n.handle || ''; var _priv0 = (n.visibility === 'followers' || n.visibility === 'direct'); // Emmers: Activiteit = likes/boosts/follows/polls, Moderatie = // reports, en al het overige is gesprek. De oude emmers 'msgs' en // 'sent' bestaan niet meer sinds Berichten, Gesprekken en Verzonden // samenvielen -- en dat is geen cosmetische hernoeming: een // gespreksregel die om wat voor reden dan ook geen draad werd (geen // post, geen herkenbare tegenpartij) hield anders een data-kind // waarvoor geen chip meer bestond, en was daarmee onder ELKE chip // behalve Alles onzichtbaar. var _kind = (_t === 'like' || _t === 'boost' || _t === 'follow' || _t === 'poll_done') ? 'act' : _t === 'report' ? 'mod' : 'conv'; // Binnen een draad is dit geen zelfstandige regel: de chip filtert op // de draad, niet op de losse zinnen erin. var _sub = (typeof inThread !== 'undefined' && inThread); var _init = String(_who || '?').replace(/^@/, '').charAt(0).toUpperCase(); var _priv = (n.visibility === 'followers' || n.visibility === 'direct'); %>
  • data-kind="<%= _kind %>"<% } %> data-who="<%= String(_who).toLowerCase() %>">
    <% if (_t === 'sent') { %> <%= t('msg.you') %> <% if (n.to_handle && !_sub) { %>→ <%= n.to_handle %><% } %> <% } else { %> <%- emojiName(_who, n.actor_emoji_json) %> <% /* De naam blijft: binnen een draad moet je zien WIE wat zei. De handle erachter niet -- die staat in de kop. */ %> <% if (n.handle && n.name && !_sub) { %><%= n.handle %><% } %> <% } %> <% if (_new) { %><% } %> <% /* When the post was written, like de Krant and de Guardian PWA show it. created_at (when it reached us) stays the sort key and drives the "new since your last visit" dot above. */ %> <% if (n.published || n.created_at) { %><%= formatDateTime(n.published || n.created_at) %><% } %>
    <% var _hasWhat = !_sub || _priv || (_t === 'mention' && (n.help_request || n.wave || n.note_url)) || (_t === 'sent' && n.in_reply_to); %> <% if (_hasWhat) { %>
    <% if (n.count && n.count > 1) { %> <%= t('msg.and_more', { n: n.count - 1 }) %> <%= _t === 'like' ? t('msg.liked_many') : t('msg.boosted_many') %> <% } else if (_t === 'follow') { %><%= t('notif.followed') %> <% } else if (_t === 'like') { %><%= t('notif.liked') %> <% } else if (_t === 'boost') { %><%= t('notif.boosted') %> <% } else if (_t === 'report') { %><%= t('notif.reported') %> <% } else if (_t === 'mention' && n.help_request) { %>🛟 <%= t('msg.help_request') %> <% } else if (_t === 'mention' && n.wave) { %>👋 <%= t('msg.waved_at_you') %> <% } else if (_sub) { %><%# binnen een draad zegt de kop al dat dit een gesprek is %> <% } else if (_t === 'mention') { %><%= t('notif.mentioned') %> <% } else if (_t === 'sent') { %><%= t('msg.sent_reply') %> <% } else if (_t === 'poll_done') { %><%= t('msg.poll_done') %> <% } else { %><%= t('notif.replied') %><% } %> <% if (_priv) { %>🔒 <%= t('msg.private') %><% } %> <% if (n.post_slug && !_sub) { %><%= n.post_title || n.post_slug %><% } %> <% if (_t === 'mention' && n.note_url) { %><%= t('tl.view_original') %><% } %> <% if (_t === 'sent' && n.in_reply_to) { %><%= t('tl.view_original') %><% } %>
    <% } %> <% if (_t === 'report' && n.content) { %>
    <%= n.content %>
    <% } else if ((_t === 'reply' || _t === 'mention' || _t === 'sent') && n.content) { %>
    <%- include('../partials/note-body', { nb: n }) %>
    <% if (_t === 'mention' && n.wave && n.actorUri && canMutate) { %>
    <% } %> <% } else if (_t === 'poll_done' && n.poll) { %>
    <% n.poll.options.forEach(function (o) { %>
    <%= o.name %><%= o.pct %>%
    <% }); %>
    <%= t('msg.poll_total', { n: n.poll.voters }) %>
    <% } %> <% if (_t === 'sent' && n.outboxId) { %>
    <%= t('fedi.edit') %>
    <%- include('../partials/reply-editor', { action: '/fediverse/' + n.outboxId + '/edit', placeholder: t('fedi.reply_ph'), submitLabel: t('fedi.save_edit'), rows: 2, initialHtml: n.content, initialText: n.editable, defaultLang: n.language, noAttach: true, }) %>
    <% } %>
    • <% } %>