Changeset 25dd08f in Klonkt for src/views

Timestamp:

08/22/2026 08:24:13 AM (3 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

8e1af9c

Parents:

b0ccd0d

Message:

Mixtape kiezen kan nu ook echt, in het scherm

De soort was er wel maar nergens te kiezen. Drie plekken, en twee ervan waren
weer dezelfde vorm die een derde soort niet afwijst maar opslokt:

• De keuzelijst kreeg een derde optie.
• kind: kindEl.value === 'playlist' ? 'playlist' : 'album' sloeg een mixtape op als album. Nu gaat de waarde zelf mee; normKind() op de server beslist.
• const album = kindEl.value !== 'playlist' toonde uitgavevelden bij een mixtape, die de server vervolgens leegmaakt -- een scherm dat iets anders belooft dan het doet. Nu expliciet === 'album'.
• De lijstweergave koos teken en woord met een ternair die er twee kende; een mixtape kreeg daardoor het albumjasje. Nu een tabel per soort.

Labels in nl/en/de, en de sleutel doorgegeven vanuit de partial -- dat laatste
ving playlist-editor-i18n.test.js meteen, precies waarvoor die test bestaat.

MOD_V naar 50.

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

Location:

src/views

Files:

• pages/admin-playlists.ejs (modified) (3 diffs)
• partials/playlist-editor.ejs (modified) (1 diff)
• shell.ejs (modified) (1 diff)

src/views/pages/admin-playlists.ejs

@@ -42 +42 @@
       var _aplPlaylist = t('apl.pill_playlist');
       var _aplAlbum    = t('apl.pill_album');
+      var _aplMixtape  = t('apl.pill_mixtape');
+      // Een soort met een eigen teken en een eigen woord. De ternair die hier
+      // stond kende er maar twee, en toonde een mixtape dus als album.
+      var _aplTeken = { album: '💿', playlist: '📃', mixtape: '📼' };
+      var _aplWoord = { album: _aplAlbum, playlist: _aplPlaylist, mixtape: _aplMixtape };
       var _aplTrack    = t('apl.track');
       var _aplTracks   = t('apl.tracks');
@@ -52 +57 @@
         <li class="ax-track" data-id="<%= p.id %>">
           <div class="ax-track-cover" <%- p.cover ? `style="background-image:url('${p.cover}'); background-size:cover; background-position:center"` : '' %>>
-            <% if (!p.cover) { %><span><%= p.kind === 'playlist' ? '📃' : '💿' %></span><% } %>
+            <% if (!p.cover) { %><span><%= _aplTeken[p.kind] || _aplTeken.album %></span><% } %>
           </div>
 
@@ -58 +63 @@
             <div class="ax-track-title">
               <%= p.title %>
-              <span class="ax-pill"><%= p.kind === 'playlist' ? '📃 ' + _aplPlaylist : '💿 ' + _aplAlbum %></span>
+              <span class="ax-pill"><%= (_aplTeken[p.kind] || _aplTeken.album) + ' ' + (_aplWoord[p.kind] || _aplAlbum) %></span>
             </div>
             <div class="ax-track-sub">

src/views/partials/playlist-editor.ejs

@@ -297 +297 @@
 <script type="application/json" data-playlist-editor-i18n><%- JSON.stringify({
   titel: t('ple.titel'), artiest: t('ple.artiest'), jaar: t('ple.jaar'), type: t('ple.type'),
-  k_album: t('ple.k_album'), k_playlist: t('ple.k_playlist'),
+  k_album: t('ple.k_album'), k_playlist: t('ple.k_playlist'), k_mixtape: t('ple.k_mixtape'),
   uitgave: t('ple.uitgave'), mb_release: t('ple.mb_release'),
   cover: t('ple.cover'), cover_kies: t('ple.cover_kies'), cover_url: t('ple.cover_url'),

src/views/shell.ejs

@@ -505 +505 @@
   // Eén nummer voor de hele map. Te vaak bumpen kost één download; te weinig
   // bumpen kost een bugfix die nooit aankomt.
-  var MOD_V = 49;
+  var MOD_V = 50;
 
   // name -> 1 (aan het laden) of de module-namespace (geladen). Een module