Changeset d727e92 in Klonkt for src/views

Timestamp:

06/20/2026 05:37:42 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

a66f691

Parents:

183875b

Message:

feat(audio): tracks without audio (link-only) — list with open-in links, no upload

You can now add a "Track without audio" in Admin → Audio (button) — only
title/artist + the Spotify/YouTube/SoundCloud links, no file. Such tracks
appear in albums & playlists (and standalone track embeds) in the list
with the open-in icons but WITHOUT a play button, and stay outside the
playback queue (which matches on URL). Lookups (posts album/single +
PlaylistService) no longer filter out fileless tracks. New route POST
/admin/audio/create-link. buster audio.css?v=9.

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

Location:

src/views

Files:

• pages/admin-audio.ejs (modified) (2 diffs)
• shell.ejs (modified) (1 diff)

src/views/pages/admin-audio.ejs

@@ -62 +62 @@
   <%# ── TRACK LIST ─────────────────────────────────────────── %>
   <section class="ax-card">
-    <div class="ax-card-title">
+    <div class="ax-card-title" style="display:flex;align-items:center;gap:.5rem">
       Tracks <span class="ax-count"><%= tracks.length %></span>
+      <button type="button" class="ax-btn ax-btn-secondary" id="add-link-track-btn"
+              style="margin-left:auto;font-size:.85rem" title="Een track zonder audiobestand — alleen titel + open-in links">
+        + Track zonder audio
+      </button>
     </div>
 
@@ -889 +893 @@
     });
   });
+
+  // ── "+ Track zonder audio": maak een link-only stub + open de editor ──
+  const addLinkBtn = document.getElementById('add-link-track-btn');
+  if (addLinkBtn) {
+    addLinkBtn.addEventListener('click', async () => {
+      addLinkBtn.disabled = true;
+      try {
+        const r = await fetch('/admin/audio/create-link', {
+          method: 'POST', credentials: 'same-origin',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ title: 'Nieuwe track' }),
+        });
+        const j = await r.json();
+        if (!r.ok || !j.ok) throw new Error(j.error || 'Aanmaken mislukt');
+        if (typeof window.openTrackEditor !== 'function') { location.reload(); return; }
+        window.openTrackEditor({ id: j.id, onSaved: () => location.reload() });
+      } catch (err) {
+        alert('Track aanmaken mislukt: ' + err.message);
+      } finally {
+        addLinkBtn.disabled = false;
+      }
+    });
+  }
 
   // ── Wire all "Edit" buttons to the track-editor modal ─────────

src/views/shell.ejs

@@ -168 +168 @@
      anywhere (admin previews, post embeds, etc). The player itself is
      a singleton — see the script tag near </body>. -->
-<link rel="stylesheet" href="/assets/css/audio.css?v=8">
+<link rel="stylesheet" href="/assets/css/audio.css?v=9">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
 <link rel="stylesheet" href="/assets/css/embed.css?v=8">