Changeset 92f6976 in Klonkt for src/views/pages

Timestamp:

06/27/2026 08:00:10 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

b7d4458

Parents:

837fc9c

Message:

feat(settings): 18+ notice + confirm when activating Circles (fediverse)

The fediverse is an open 18+ network. A note under the Circles mode option and a
confirm dialog when switching Solo→Circles. i18n NL/EN/DE.

File:

• src/views/pages/admin-settings.ejs (modified) (2 diffs)

src/views/pages/admin-settings.ejs

@@ -10 +10 @@
     <h2><%= t('aset.mode') %></h2>
     <p class="set-help"><%= t('aset.mode_help') %></p>
-    <form method="post" action="/admin/settings/ap" class="set-form">
+    <form method="post" action="/admin/settings/ap" class="set-form" id="mode-form"
+          data-was-cirkels="<%= (typeof apEnabledSetting === 'undefined' || apEnabledSetting) ? '1' : '0' %>"
+          data-confirm="<%= t('aset.mode_18plus_confirm') %>">
       <label class="set-opt">
         <input type="radio" name="mode" value="solo" <%= (typeof apEnabledSetting !== 'undefined' && !apEnabledSetting) ? 'checked' : '' %>>
@@ -19 +21 @@
         <span><strong><%= t('aset.mode_cirkels') %></strong><small><%= t('aset.mode_cirkels_help') %></small></span>
       </label>
+      <p class="set-help" style="margin:.2rem 0 0;color:var(--accent);font-weight:600">🔞 <%= t('aset.mode_18plus') %></p>
       <div class="set-actions"><button type="submit" class="btn btn-primary"><%= t('aset.save') %></button></div>
     </form>
+    <script>
+    (function () {
+      var f = document.getElementById('mode-form');
+      if (!f || f.__age18wired) return; f.__age18wired = true;
+      f.addEventListener('submit', function (e) {
+        var sel = f.querySelector('input[name=mode]:checked');
+        if (sel && sel.value === 'cirkels' && f.getAttribute('data-was-cirkels') === '0') {
+          if (!window.confirm(f.getAttribute('data-confirm'))) e.preventDefault();
+        }
+      });
+    })();
+    </script>
   </section>