Changeset 9a00f28 in Klonkt for src/views/pages/paid-gate.ejs

Timestamp:

07/22/2026 08:18:39 AM (7 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

6b5d7da

Parents:

96c714f

git-author:

Robin <roboburr@…> (07/22/2026 08:18:19 AM)

git-committer:

Robin <roboburr@…> (07/22/2026 08:18:39 AM)

Message:

Fix: test feedback round, cirkels tagline + report details + full i18n

Three findings from Bart's test pass, tied together by the new i18n keys:

1. The admin tagline said "Solo mode" even with Cirkels (federation) on. Solo-tenancy now distinguishes: apEnabled -> "Cirkels-modus: jouw site, verbonden met de fediverse", else the solo line. New key in nl/en/de.

2. Reports only showed who reported; now they show the reason and WHICH post. getNotifications resolves the stored objects URIs of a report: our own /ap/notes/<id> become "Over de post: <title>" links under the description; an empty reason renders "Geen reden opgegeven". Other URIs (the actor itself) are skipped, the row already names the account.

3. Notificaties and Betaalde posts were hardcoded Dutch on an English-configured Klonkt. Everything now goes through t(): the two admin pages (including their client-side status strings, passed via the JSON data block), the admin menu buttons, and the visitor-facing paid pages (gate, passkey, result). Server-side push payloads translate too, using the SITE's content language (fallback KLONKT_DEFAULT_LANG), and the test ping uses the request language. Full nl/en/de dictionaries.

Changed files:
src/services/i18n.js

• admin.tagline_cirkels, admin.b_paid/b_push/back, notif.report_about/ report_noreason, and the push.*, apaid.*, pgate.*, ppk.*, pres.* blocks in nl/en/de

src/routes/admin.js, src/views/pages/admin.ejs

• circlesOn (apEnabled) -> cirkels tagline; menu buttons via t()

src/services/ActivityPubService.js

• report objects resolved to post links; push payloads via i18nT with pushLang(slug) (site language)

src/views/pages/fedi-notifications.ejs

• report reason fallback + "Over de post" links (+ styles)

src/routes/admin-push.js, src/views/pages/admin-push.ejs

• pageTitleKey push.t; all copy + JS status strings via t()

src/routes/admin-paid.js, src/views/pages/admin-paid.ejs

• pageTitleKey apaid.t; all copy via t(), copy-button label via data-attr

src/routes/paid.js

• pageTitleKey pres.t / ppk.t

src/views/pages/paid-gate.ejs, paid-passkey.ejs, paid-result.ejs

• visitor copy + JS strings via t()

src/routes/push.js

• test notification via resolveLang(req)

-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>

File:

• src/views/pages/paid-gate.ejs (modified) (6 diffs)

src/views/pages/paid-gate.ejs

@@ -13 +13 @@
   <section class="pg-card">
     <div class="pg-lock">💶</div>
-    <h2 class="pg-h2">Voor supporters</h2>
+    <h2 class="pg-h2"><%= t('pgate.h') %></h2>
     <p class="pg-sub">
-      Deze post is voor supporters van deze site
-      <% if (typeof pgCents !== 'undefined' && pgCents) { %>(vanaf &euro;<%= (pgCents/100).toFixed(2) %> per maand op Patreon)<% } %>.
-      Word supporter en ontgrendel 'm daarna met een passkey. Geen account op deze site, geen cookie.
+      <% if (typeof pgCents !== 'undefined' && pgCents) { %><%= t('pgate.sub_cents', { eur: (pgCents/100).toFixed(2) }) %><% } else { %><%= t('pgate.sub') %><% } %>
     </p>
 
     <div class="pg-actions">
       <% if (_hasPatron) { %>
-        <a class="pg-btn" href="<%= pgPatronUrl %>" target="_blank" rel="noopener">Word supporter op Patreon</a>
-        <button type="button" id="pg-unlock" class="pg-btn pg-btn-ghost">Al supporter? Ontgrendelen</button>
+        <a class="pg-btn" href="<%= pgPatronUrl %>" target="_blank" rel="noopener"><%= t('pgate.join') %></a>
+        <button type="button" id="pg-unlock" class="pg-btn pg-btn-ghost"><%= t('pgate.unlock_have') %></button>
       <% } else { %>
-        <button type="button" id="pg-unlock" class="pg-btn">Ontgrendelen met Patreon</button>
+        <button type="button" id="pg-unlock" class="pg-btn"><%= t('pgate.unlock') %></button>
       <% } %>
     </div>
@@ -38 +36 @@
   var slug = "<%= pgSlug %>";
   var hasPatron = <%= _hasPatron ? 'true' : 'false' %>;
+  var I = { join: "<%= t('pgate.join_short') %>", confirm: "<%= t('pgate.confirm') %>", failed: "<%= t('pgate.failed') %>", error: "<%= t('pgate.error') %>" };
   var btn = document.getElementById('pg-unlock');
   var status = document.getElementById('pg-status');
@@ -48 +47 @@
   if (!window.SimpleWebAuthnBrowser || !window.PublicKeyCredential) {
     if (hasPatron) { btn.style.display = 'none'; }
-    else { btn.textContent = 'Word supporter'; btn.addEventListener('click', toLink); }
+    else { btn.textContent = I.join; btn.addEventListener('click', toLink); }
     return;
   }
@@ -54 +53 @@
   btn.addEventListener('click', function () {
     btn.disabled = true;
-    say('Bevestig met je passkey…');
+    say(I.confirm);
     fetch(base + '/paid/challenge?post=' + encodeURIComponent(slug))
       .then(function (r) { if (!r.ok) throw { link: true }; return r.json(); })
@@ -75 +74 @@
           toLink();   // no valid passkey yet (or lapsed tier): link via Patreon
         } else {
-          btn.disabled = false; say('Ontgrendelen mislukt. Probeer opnieuw.', true);
+          btn.disabled = false; say(I.failed, true);
         }
       })
@@ -81 +80 @@
         if (e && e.link) { toLink(); return; }
         if (e && e.name === 'NotAllowedError') { toLink(); return; }   // cancelled / no passkey -> link
-        btn.disabled = false; say('Er ging iets mis. Probeer opnieuw.', true);
+        btn.disabled = false; say(I.error, true);
       });
   });