Changeset da6fd02 in Klonkt

Timestamp:

06/19/2026 08:37:28 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

a474bd2

Parents:

7eb35ae

Message:

newsletter: optional sign-up in the footer (toggle in Admin → Settings)

• setting footer_newsletter (default off). render.js passes footerNewsletter through.
• footer.ejs shows a compact sign-up field (email + Subscribe → POST /nieuwsbrief) when the toggle is on AND premium is unlocked.
• admin-settings: "Newsletter" card with the toggle (POST /admin/settings/footer), premium-gated.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• middleware/render.js (modified) (1 diff)
• routes/admin-settings.js (modified) (2 diffs)
• views/pages/admin-settings.ejs (modified) (1 diff)
• views/partials/footer.ejs (modified) (2 diffs)

src/middleware/render.js

@@ -87 +87 @@
     tenancy: res.locals.tenancy || 'solo',
     hubTitle: getSetting('hub_title') || '',
+    footerNewsletter: getSetting('footer_newsletter') === '1', // nieuwsbrief-aanmelding in footer (premium)
     platforms_catalog: PLATFORMS_CATALOG,
     permissions: PermissionsService,

src/routes/admin-settings.js

@@ -85 +85 @@
     },
     smtp: mailerStatus(),
+    footerNewsletter: getSetting('footer_newsletter') === '1',
     success: req.query.success || null,
     error: req.query.error || null,
@@ -170 +171 @@
 });
 
+// Nieuwsbrief-aanmelding in de footer aan/uit.
+router.post('/footer', requireGod, (req, res) => {
+  setSetting('footer_newsletter', req.body.footer_newsletter ? '1' : '0');
+  res.redirect('/admin/settings?success=' + encodeURIComponent('Footer-instelling opgeslagen'));
+});
+
 // Testmail sturen naar een opgegeven adres (of de ingelogde gebruiker).
 router.post('/smtp/test', requireGod, async (req, res) => {

src/views/pages/admin-settings.ejs

@@ -112 +112 @@
     <% } %>
   </section>
+
+  <%# Nieuwsbrief-aanmelding in de footer (premium). %>
+  <% if (typeof premiumUnlocked === 'undefined' || premiumUnlocked) { %>
+  <section class="set-card" style="margin-top:1rem">
+    <h2>Nieuwsbrief</h2>
+    <p class="set-help">Toon een <strong>aanmeldveld in de footer</strong> van je site zodat bezoekers zich op elke pagina kunnen inschrijven. (De volledige aanmeldpagina blijft op <code><%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/nieuwsbrief</code>.)</p>
+    <form method="post" action="/admin/settings/footer" class="set-form">
+      <label class="set-toggle" style="display:flex;align-items:center;gap:.6rem;cursor:pointer">
+        <input type="checkbox" name="footer_newsletter" value="1" <%= footerNewsletter ? 'checked' : '' %>>
+        <span>Aanmeldveld in de footer tonen</span>
+      </label>
+      <div class="set-actions"><button type="submit" class="btn btn-primary">Opslaan</button></div>
+    </form>
+  </section>
+  <% } %>
 
   <%# E-mail / SMTP — nodig voor nieuwsbrief versturen, notify-mails en wachtwoord-reset. %>

src/views/partials/footer.ejs

@@ -1 +1 @@
 <footer class="site-footer">
+  <% if (typeof footerNewsletter !== 'undefined' && footerNewsletter && (typeof premiumUnlocked === 'undefined' || premiumUnlocked) && typeof site !== 'undefined' && site) { %>
+    <div class="container footer-nl">
+      <span class="footer-nl-label">📬 Blijf op de hoogte</span>
+      <form method="post" action="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/nieuwsbrief" class="footer-nl-form">
+        <input type="email" name="email" required placeholder="jouw@email.nl" autocomplete="email" aria-label="E-mailadres">
+        <button type="submit">Inschrijven</button>
+      </form>
+    </div>
+  <% } %>
   <div class="container site-footer-inner">
     <div>
@@ -62 +71 @@
   }
 }
+.footer-nl {
+  max-width: 800px; margin: 0 auto 1.5rem; padding: 0 1rem;
+  display: flex; align-items: center; justify-content: center; gap: .8rem; flex-wrap: wrap;
+}
+.footer-nl-label { font-weight: 600; color: var(--ink); }
+.footer-nl-form { display: flex; gap: .5rem; flex-wrap: wrap; }
+.footer-nl-form input {
+  padding: .5rem .7rem; border-radius: 8px; border: 1px solid var(--rule);
+  background: var(--paper); color: var(--ink); font-size: .9rem; min-width: 200px;
+}
+.footer-nl-form button {
+  padding: .5rem 1rem; border-radius: 8px; border: none; cursor: pointer;
+  background: var(--accent); color: #fff; font-weight: 600; font-size: .9rem;
+}
+@media (max-width: 600px) { .footer-nl { flex-direction: column; } .footer-nl-form input { min-width: 0; flex: 1; } }
+
 .site-footer-inner {
   max-width: 800px;