Changeset a66f691 in Klonkt

Timestamp:

06/20/2026 05:43:49 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

903f10b

Parents:

d727e92

Message:

fix(audio): link-only track shows cover (instead of music note)

A track without audio that has a cover set now shows the artwork as thumbnail;
the music note is only the fallback when there is no cover. buster audio.css?v=10.

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

Location:

src

Files:

• assets/css/audio.css (modified) (1 diff)
• services/AudioEmbedService.js (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/audio.css

@@ -113 +113 @@
 }
 .pat-noplay svg { width: 18px; height: 18px; }
+/* Cover-thumbnail op een link-only track (i.p.v. het muzieknootje). */
+.pat-noplay--cover {
+  width: 44px; height: 44px; flex: 0 0 44px;
+  border-radius: 6px;
+  background-size: cover; background-position: center;
+  margin: 0 .35rem;
+}
 .pat-row.pat-static { cursor: default; }
 

src/services/AudioEmbedService.js

@@ -276 +276 @@
       // Link-only track (geen audiobestand): geen afspeelknop, wel info + open-in.
       if (!t.url) {
+        const coverH0 = this.escape(t.cover || '');
+        const leader0 = coverH0
+          ? `<span class="pat-noplay pat-noplay--cover" style="background-image:url('${coverH0}')" aria-hidden="true"></span>`
+          : `<span class="pat-noplay" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg></span>`;
         return `<div class="post-audio-track post-audio-track--static" id="track-${id}">
-  <span class="pat-noplay" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg></span>
+  ${leader0}
   <div class="pat-info">
     <div class="pat-title">${titleH0}</div>

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=9">
+<link rel="stylesheet" href="/assets/css/audio.css?v=10">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
 <link rel="stylesheet" href="/assets/css/embed.css?v=8">