Changeset 475eeda in Klonkt

Timestamp:

06/23/2026 04:57:50 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5a4c0b0

Parents:

fe6aac9

Message:

feat: premium status badge on the admin dashboard

Below the title, admin now shows a clickable premium badge (3 states):
Premium active (gold), Premium not connected (red), or Premium layer off
(grey). Links to Settings. i18n NL/EN/DE (adash.prem_*).

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

Location:

src

Files:

• services/i18n.js (modified) (3 diffs)
• views/pages/admin.ejs (modified) (1 diff)

src/services/i18n.js

@@ -58 +58 @@
     // Beheer-dashboard
     'admin.title': 'Beheer',
+    'adash.prem_active': 'Premium actief',
+    'adash.prem_unlinked': 'Premium niet gekoppeld',
+    'adash.prem_layeroff': 'Premium-laag uit',
     'admin.tagline_solo': 'Solo-modus — jouw site.',
     'admin.tagline_hub': 'Hub-modus — bedrijfssite met gebruikers, elk hun eigen Klonkt Hub.',
@@ -1051 +1054 @@
     'downloads.btn': '⬇ Download',
     'admin.title': 'Admin',
+    'adash.prem_active': 'Premium active',
+    'adash.prem_unlinked': 'Premium not linked',
+    'adash.prem_layeroff': 'Premium layer off',
     'admin.tagline_solo': 'Solo mode — your site.',
     'admin.tagline_hub': 'Hub mode — a company site with users, each their own Klonkt Hub.',
@@ -2038 +2044 @@
     'downloads.btn': '⬇ Herunterladen',
     'admin.title': 'Verwaltung',
+    'adash.prem_active': 'Premium aktiv',
+    'adash.prem_unlinked': 'Premium nicht verbunden',
+    'adash.prem_layeroff': 'Premium-Ebene aus',
     'admin.tagline_solo': 'Solo-Modus — deine Seite.',
     'admin.tagline_hub': 'Hub-Modus — eine Firmenseite mit Nutzern, je ein eigener Klonkt Hub.',

src/views/pages/admin.ejs

@@ -1 +1 @@
 <div class="container admin-page">
   <h1><%= t('admin.title') %></h1>
+  <%
+    var _premOn = (typeof premiumEnabled !== 'undefined' && premiumEnabled);
+    var _premActive = _premOn && (typeof isPremium !== 'undefined' && isPremium);
+    var _premCls = _premActive ? 'on' : (_premOn ? 'off' : 'free');
+    var _premLbl = _premActive ? ('★ ' + t('adash.prem_active'))
+                 : (_premOn ? ('⚠ ' + t('adash.prem_unlinked'))
+                            : t('adash.prem_layeroff'));
+  %>
+  <a class="prem-badge <%= _premCls %>" href="/admin/settings" title="<%= t('admin.b_settings') %>"><%= _premLbl %></a>
+  <style>
+    .prem-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;padding:.3rem .85rem;border-radius:999px;text-decoration:none;border:1px solid transparent;margin:.1rem 0 .3rem}
+    .prem-badge.on{background:rgba(232,176,75,.16);color:var(--accent);border-color:rgba(232,176,75,.45)}
+    .prem-badge.off{background:rgba(239,68,68,.12);color:#ef9a9a;border-color:rgba(239,68,68,.35)}
+    .prem-badge.free{background:var(--paper-2);color:var(--ink-muted);border-color:var(--rule)}
+    .prem-badge:hover{filter:brightness(1.08)}
+  </style>
   <% if (tenancy === 'hub') { %>
     <p class="admin-tagline"><%= t('admin.tagline_hub') %></p>