Changeset 475eeda in Klonkt for src/views

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@…>

File:

• src/views/pages/admin.ejs (modified) (1 diff)

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>