source: Klonkt/src/views/pages/authorize-interaction.ejs@ 19e28ce

<div class="auth-interact">
  <% if (typeof manage !== 'undefined' && manage) { %>
    <%- include('../partials/fedi-tabs', { active: 'reacties' }) %>
    <h1 class="auth-interact-title"><%= t('fedi.manage_title') %></h1>

    <%# Interact bookmarklet — drag to bookmarks bar, then click on any fediverse post. %>
    <div class="fedi-bm">
      <a class="fedi-bm-btn" id="fedi-bm-btn" href="#" draggable="true" title="<%= t('fedi.bm_help') %>">
        <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
        <%= t('fedi.bm_label') %>
      </a>
      <p class="fedi-bm-help"><%= t('fedi.bm_help') %></p>
    </div>
    <%# Het script van deze pagina staat in assets/js/mod/authorize-interaction.js (shaer-bqr). %>
    <% if (!manage.length) { %>
      <p class="auth-interact-note"><%= t('fedi.manage_empty') %></p>
    <% } else { %>
      <ul class="fedi-manage">
        <% manage.forEach(function(m){ %>
          <li class="fedi-manage-item">
            <div class="fedi-manage-head">
              <span class="fedi-manage-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg></span>
              <% if (m.to_handle) { %><span class="fedi-manage-to"><%= m.to_handle %></span><% } %>
              <% if (m.created_at && typeof formatDateTime === 'function') { %><span class="fedi-manage-time"><%= formatDateTime(m.created_at) %></span><% } %>
            </div>
            <div class="fedi-manage-content"><%- m.content %></div>
            <div class="fedi-manage-foot">
              <button type="button" class="fedi-edit-btn" aria-expanded="false"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg> <%= t('fedi.edit') %></button>
              <% if (m.in_reply_to) { %>
              <a class="fedi-goto-btn" href="<%= m.in_reply_to %>" target="_blank" rel="nofollow noopener"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7"/><path d="M7 7h10v10"/></svg> <%= t('fedi.goto_post') %></a>
              <% } %>
              <form method="post" action="/fediverse/<%= m.id %>/delete" class="fedi-del-form" data-confirm="<%= t('fedi.delete_confirm') %>">
                <button type="submit" class="fedi-del-btn"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg> <%= t('comments.delete') %></button>
              </form>
            </div>
            <div class="fedi-edit-form">
              <%- include('../partials/reply-editor', {
                action: '/fediverse/' + m.id + '/edit',
                placeholder: t('fedi.reply_ph'),
                submitLabel: t('fedi.save_edit'),
                rows: 3,
                initialHtml: m.content,
                initialText: m.editable,
                defaultLang: m.language,
                noAttach: true,
              }) %>
            </div>
          </li>
        <% }); %>
      </ul>
      
    <% } %>
    <p class="auth-interact-note"><a href="/"><%= t('fedi.remote_back') %></a></p>
  <% } else if (typeof liked !== 'undefined' && liked) { %>
    <h1 class="auth-interact-title">★ <%= t('fedi.liked_title') %></h1>
    <p class="auth-interact-note"><%= t('fedi.liked_done') %></p>
    <p class="auth-interact-actions">
      <% if (uri) { %><a class="btn" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
      <a class="btn btn-primary" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof boosted !== 'undefined' && boosted) { %>
    <h1 class="auth-interact-title">🔁 <%= t('fedi.boosted_title') %></h1>
    <p class="auth-interact-note"><%= t('fedi.boosted_done') %></p>
    <p class="auth-interact-actions">
      <% if (uri) { %><a class="btn" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
      <a class="btn btn-primary" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof followed !== 'undefined' && followed) { %>
    <h1 class="auth-interact-title"><%= t('fedi.followed_title') %></h1>
    <p class="auth-interact-note"><%= t('fedi.followed_done') %></p>
    <p class="auth-interact-actions">
      <% if (uri) { %><a class="btn" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.view_profile') %></a><% } %>
      <a class="btn btn-primary" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof sent !== 'undefined' && sent) { %>
    <h1 class="auth-interact-title"><%= t('fedi.remote_sent_title') %></h1>
    <p class="auth-interact-note"><%= t('fedi.remote_sent') %></p>
    <p class="auth-interact-actions">
      <% if (uri) { %><a class="btn btn-primary" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
      <a class="btn" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof reported !== 'undefined' && reported) { %>
    <h1 class="auth-interact-title">🚩 <%= t('fedi.reported_title') %></h1>
    <p class="auth-interact-note"><%= t('fedi.reported_done') %></p>
    <p class="auth-interact-actions">
      <a class="btn" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof voted !== 'undefined' && voted) { %>
    <h1 class="auth-interact-title">📊 <%= t('poll.voted_title') %></h1>
    <p class="auth-interact-note"><%= t('poll.voted_done') %></p>
    <p class="auth-interact-actions">
      <% if (uri) { %><a class="btn btn-primary" href="<%= uri %>" rel="nofollow noopener"><%= t('fedi.remote_view_original') %></a><% } %>
      <a class="btn" href="/"><%= t('fedi.remote_back') %></a>
    </p>
  <% } else if (typeof followTarget !== 'undefined' && followTarget) { %>
  <h1 class="auth-interact-title"><%= t('fedi.follow_heading') %></h1>
  <%- include('../partials/remote-actor', { actor: followTarget, cancelUrl: '/', siteTitle: siteTitle }) %>
  <% } else { %>
  <h1 class="auth-interact-title"><%= t('fedi.remote_title') %></h1>

  <% if (!target) { %>
    <p class="auth-interact-note"><%= t('fedi.remote_notfound') %></p>
    <form method="get" action="/authorize_interaction" class="auth-interact-form">
      <input type="url" name="uri" placeholder="https://…/een-post" value="<%= uri || '' %>" required>
      <button type="submit" class="btn btn-primary"><%= t('fedi.remote_load') %></button>
    </form>
  <% } else { %>
    <%- include('../partials/remote-object', { target: target, uri: uri, reacted: (typeof reacted !== 'undefined' ? reacted : { liked: false, boosted: false }), siteTitle: siteTitle, replyOpen: typeof replyOpen !== 'undefined' && replyOpen, reportOpen: typeof reportOpen !== 'undefined' && reportOpen }) %>
  <% } %>
  <% } %>
</div>

<%- include('../partials/fedi-interact-styles') %>