Changeset cf7c2d9 in Klonkt

Timestamp:

06/20/2026 07:06:59 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d7b5a6c

Parents:

34b126b

Message:

feat(nav): Agenda link in the view-switcher + "shows" → "events"

Left of the Timeline/Grid bar there is now a 📅 Agenda link to the agenda
page (/shows), visible for premium instances. Visible labels on the agenda
and in Admin renamed from "show(s)" to "event(s)" (routes stay /shows).

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

Location:

src/views

Files:

• pages/admin-shows.ejs (modified) (4 diffs)
• pages/shows.ejs (modified) (2 diffs)
• partials/shared-styles.ejs (modified) (1 diff)
• partials/view-switcher.ejs (modified) (1 diff)

src/views/pages/admin-shows.ejs

@@ -11 +11 @@
   <% if (msg) { %><div class="ash-msg ash-<%= (typeof msgKind!=='undefined')?msgKind:'' %>"><%= msg %></div><% } %>
 
-  <p class="ash-note"><strong><%= nc %></strong> abonnee(s) voor show-aankondigingen.
-    <% if (!smtp) { %><br>⚠ SMTP niet ingesteld — shows worden opgeslagen, maar notify-mails kunnen pas verstuurd worden zodra je SMTP invult.<% } %></p>
+  <p class="ash-note"><strong><%= nc %></strong> abonnee(s) voor evenement-aankondigingen.
+    <% if (!smtp) { %><br>⚠ SMTP niet ingesteld — evenementen worden opgeslagen, maar notify-mails kunnen pas verstuurd worden zodra je SMTP invult.<% } %></p>
 
   <form method="POST" action="<%= siteUrlBase %>/admin/shows" class="ash-form">
@@ -25 +25 @@
     </div>
     <label class="ash-check"><input type="checkbox" name="notify" value="1" <%= smtp ? '' : 'disabled' %>> Abonnees per e-mail op de hoogte brengen<%= smtp ? '' : ' (SMTP vereist)' %></label>
-    <button type="submit" class="ash-add">+ Show toevoegen</button>
+    <button type="submit" class="ash-add">+ Evenement toevoegen</button>
   </form>
 
@@ -34 +34 @@
           <span class="ash-when"><%= s.date %><% if (s.time) { %> <%= s.time %><% } %></span>
           <span class="ash-where"><%= s.city %><% if (s.venue) { %> — <%= s.venue %><% } %></span>
-          <form method="POST" action="<%= siteUrlBase %>/admin/shows/<%= s.id %>/delete" onsubmit="return confirm('Show verwijderen?')" style="margin:0">
+          <form method="POST" action="<%= siteUrlBase %>/admin/shows/<%= s.id %>/delete" onsubmit="return confirm('Evenement verwijderen??')" style="margin:0">
             <button type="submit" class="ash-del">🗑</button>
           </form>
@@ -41 +41 @@
     </ul>
   <% } else { %>
-    <p class="ash-empty">Nog geen shows.</p>
+    <p class="ash-empty">Nog geen evenementen.</p>
   <% } %>
 </section>

src/views/pages/shows.ejs

@@ -6 +6 @@
   <h1 class="sh-h1">Agenda</h1>
 
-  <% if (st === 'done') { %><div class="sh-msg">✓ Je staat op de lijst — je hoort het zodra er een show wordt aangekondigd.</div>
+  <% if (st === 'done') { %><div class="sh-msg">✓ Je staat op de lijst — je hoort het zodra er een evenement wordt aangekondigd.</div>
   <% } else if (st === 'check') { %><div class="sh-msg">✉ Check je mail om je aanmelding te bevestigen.</div>
   <% } else if (st === 'error') { %><div class="sh-msg sh-bad"><%= (typeof notifyMsg!=='undefined')?notifyMsg:'Er ging iets mis.' %></div><% } %>
 
   <% if (!ss.length) { %>
-    <p class="sh-empty">Geen aangekondigde shows op dit moment.</p>
+    <p class="sh-empty">Geen aangekondigde evenementen op dit moment.</p>
   <% } else { %>
     <ul class="sh-list">
@@ -32 +32 @@
 
   <div class="sh-notify">
-    <h2 class="sh-h2">Mis geen show</h2>
-    <p class="sh-sub">Laat je e-mail achter en je krijgt een seintje bij een nieuwe show. Uitschrijven kan altijd.</p>
+    <h2 class="sh-h2">Mis geen evenement</h2>
+    <p class="sh-sub">Laat je e-mail achter en je krijgt een seintje bij een nieuw evenement. Uitschrijven kan altijd.</p>
     <form method="POST" action="<%= siteUrlBase %>/shows/notify" class="sh-form">
       <input type="email" name="email" required placeholder="jouw@email.nl" autocomplete="email">

src/views/partials/shared-styles.ejs

@@ -37 +37 @@
 .view-switch-btn:hover { color: var(--ink); }
 .view-switch-btn[aria-selected="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
+
+/* Agenda-link (evenementen) links in de switcher-balk. */
+.vs-agenda {
+  display: inline-flex; align-items: center; gap: 0.4rem;
+  margin-right: auto;            /* naar links; Tijdlijn/Grid blijven rechts */
+  padding: 0.35rem 0.85rem;
+  border: 1px solid var(--rule); border-radius: 999px;
+  background: var(--paper-2); color: var(--ink-muted, var(--ink-soft));
+  text-decoration: none; font-size: 0.85rem; font-weight: 600;
+  transition: background 120ms, color 120ms, border-color 120ms;
+}
+.vs-agenda:hover { color: var(--ink); border-color: var(--accent); }
+.vs-agenda svg { opacity: .85; }
+@media (max-width: 560px) { .vs-agenda { margin-right: 0; } }
 
 .grid-cols-picker {

src/views/partials/view-switcher.ejs

@@ -5 +5 @@
 <div class="view-switcher-wrap">
   <div class="container">
+    <% if (typeof premiumUnlocked !== 'undefined' && premiumUnlocked) {
+         var _sbA = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '';
+    %>
+    <a class="vs-agenda" href="<%= _sbA %>/shows" aria-label="Agenda — evenementen">
+      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+      <span>Agenda</span>
+    </a>
+    <% } %>
     <% if (typeof tenancy !== 'undefined' && tenancy === 'circle') {
          var _onCirkel = (typeof bodyClass === 'string' && bodyClass.indexOf('on-cirkel') >= 0);