Changeset f24b795 in Klonkt

Timestamp:

06/30/2026 06:46:32 PM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2ab99c0

Parents:

a95dbfd

Message:

feat(media): Beheer -> Media — image library with usage + cleanup of orphan files

A new /admin/media page lists uploaded images (storage/media/post-images), shows how many posts use
each, lets you copy a URL, and deletes unused files — including the loop-MP4 + poster siblings of an
animated cover. The Beheer "Audio" nav link becomes "Media" (Audio stays a tab linking to
/admin/audio) so the nav doesn't grow. Mounted unconditionally (works in lite/no-audio mode).

• src/routes/admin-media.js — list / delete / cleanup (path-traversal-safe, god-only)
• src/views/pages/admin-media.ejs — grid + copy/delete/cleanup (CSP-safe nonce'd script)
• server.js mount; admin.ejs nav Audio->Media; i18n nl/en/de

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

Location:

src

Files:

• routes/admin-media.js (added)
• server.js (modified) (2 diffs)
• services/i18n.js (modified) (3 diffs)
• views/pages/admin-media.ejs (added)
• views/pages/admin.ejs (modified) (2 diffs)

src/server.js

@@ -45 +45 @@
 import adminPatreonRoutes from './routes/admin-patreon.js';
 import adminStatsRoutes from './routes/admin-stats.js';
+import adminMediaRoutes from './routes/admin-media.js';
 import circleRoutes from './routes/circle.js';
 import epkRoutes from './routes/epk.js';
@@ -365 +366 @@
   app.use('/admin/playlists', adminPlaylistsRoutes);
 }
+app.use('/admin/media', adminMediaRoutes); // image library + cleanup (works in lite mode too)
 app.use('/admin/sites', adminSitesRoutes);
 app.use('/admin/users', adminUsersRoutes);

src/services/i18n.js

@@ -66 +66 @@
     'admin.tagline_hub': 'Hub-modus — bedrijfssite met gebruikers, elk hun eigen Klonkt Hub.',
     'admin.b_sites': '🌐 Sites', 'admin.b_users': '👥 Gebruikers', 'admin.b_audio': '🎵 Audio',
+    'admin.b_media': '🎬 Media', 'admin.t_media': 'Media', 'admin.media_images': 'Afbeeldingen', 'admin.media_count': 'afbeeldingen', 'admin.media_unused': 'ongebruikt', 'admin.media_cleanup': 'Ongebruikt opruimen', 'admin.media_cleanup_confirm': 'Alle ongebruikte afbeeldingen verwijderen?', 'admin.media_empty': 'Nog geen afbeeldingen geüpload.', 'admin.media_copy': 'Kopieer URL', 'admin.media_del_confirm': 'Deze afbeelding verwijderen?',
     'admin.b_playlists': '📃 Playlists', 'admin.b_comments': '💬 Reacties', 'admin.b_seo': '🔎 SEO',
     'admin.b_settings': '⚙️ Instellingen', 'admin.b_newpost': '✍️ Nieuwe post', 'admin.b_look': '🎨 Uiterlijk',
@@ -988 +989 @@
     'admin.tagline_hub': 'Hub mode — a company site with users, each their own Klonkt Hub.',
     'admin.b_sites': '🌐 Sites', 'admin.b_users': '👥 Users', 'admin.b_audio': '🎵 Audio',
+    'admin.b_media': '🎬 Media', 'admin.t_media': 'Media', 'admin.media_images': 'Images', 'admin.media_count': 'images', 'admin.media_unused': 'unused', 'admin.media_cleanup': 'Delete unused', 'admin.media_cleanup_confirm': 'Delete all unused images?', 'admin.media_empty': 'No images uploaded yet.', 'admin.media_copy': 'Copy URL', 'admin.media_del_confirm': 'Delete this image?',
     'admin.b_playlists': '📃 Playlists', 'admin.b_comments': '💬 Comments', 'admin.b_seo': '🔎 SEO',
     'admin.b_settings': '⚙️ Settings', 'admin.b_newpost': '✍️ New post', 'admin.b_look': '🎨 Appearance',
@@ -1904 +1906 @@
     'admin.tagline_hub': 'Hub-Modus — eine Firmenseite mit Nutzern, je ein eigener Klonkt Hub.',
     'admin.b_sites': '🌐 Seiten', 'admin.b_users': '👥 Nutzer', 'admin.b_audio': '🎵 Audio',
+    'admin.b_media': '🎬 Medien', 'admin.t_media': 'Medien', 'admin.media_images': 'Bilder', 'admin.media_count': 'Bilder', 'admin.media_unused': 'ungenutzt', 'admin.media_cleanup': 'Ungenutzte löschen', 'admin.media_cleanup_confirm': 'Alle ungenutzten Bilder löschen?', 'admin.media_empty': 'Noch keine Bilder hochgeladen.', 'admin.media_copy': 'URL kopieren', 'admin.media_del_confirm': 'Dieses Bild löschen?',
     'admin.b_playlists': '📃 Playlists', 'admin.b_comments': '💬 Kommentare', 'admin.b_seo': '🔎 SEO',
     'admin.b_settings': '⚙️ Einstellungen', 'admin.b_newpost': '✍️ Neuer Beitrag', 'admin.b_look': '🎨 Aussehen',

src/views/pages/admin.ejs

@@ -27 +27 @@
       <a href="/admin/sites" class="btn"><%= t('admin.b_sites') %></a>
       <a href="/admin/users" class="btn"><%= t('admin.b_users') %></a>
+      <a href="/admin/media" class="btn"><%= t('admin.b_media') %></a>
       <% if (typeof audioEnabled === 'undefined' || audioEnabled) { %>
-      <a href="/admin/audio" class="btn"><%= t('admin.b_audio') %></a>
       <a href="/admin/playlists" class="btn"><%= t('admin.b_playlists') %></a>
       <% } %>
@@ -35 +35 @@
     <% } else { %>
       <a href="/posts/new" class="btn"><%= t('admin.b_newpost') %></a>
-      <% if (typeof audioEnabled === 'undefined' || audioEnabled) { %>
-      <a href="/admin/audio" class="btn"><%= t('admin.b_audio') %></a>
-      <% } %>
+      <a href="/admin/media" class="btn"><%= t('admin.b_media') %></a>
       <% if (primarySite) { %>
         <a href="/admin/sites/<%= primarySite.slug %>/edit" class="btn"><%= t('admin.b_look') %></a>