« get me outta code hell

data, content, css: Artwork.showFilename - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2025-08-26 16:41:02 -0300
committer(quasar) nebula <qznebula@protonmail.com>2025-08-26 16:41:32 -0300
commit1395ec2e970d307394a241c78e138526ca4b7eb1 (patch)
treeddd28058aecd6a0d341d02a43561fee1f8551d50 /src/content
parenta8e8b65418f27701c4ad71fe9a17a704d245e906 (diff)
data, content, css: Artwork.showFilename preview
Diffstat (limited to 'src/content')
-rw-r--r--src/content/dependencies/generateCoverArtworkOriginDetails.js20
1 files changed, 17 insertions, 3 deletions
diff --git a/src/content/dependencies/generateCoverArtworkOriginDetails.js b/src/content/dependencies/generateCoverArtworkOriginDetails.js
index ddd44286..95e34a08 100644
--- a/src/content/dependencies/generateCoverArtworkOriginDetails.js
+++ b/src/content/dependencies/generateCoverArtworkOriginDetails.js
@@ -49,6 +49,9 @@ export default {
     forSingleStyleAlbum:
       artwork.thing.isAlbum &&
       artwork.thing.style === 'single',
+
+    showFilename:
+      artwork.showFilename,
   }),
 
   generate: (data, relations, {html, language, pagePath}) =>
@@ -149,8 +152,8 @@ export default {
               year: relations.datetimestamp,
             });
 
-          const originDetails =
-            html.tag('span', {class: 'origin-details'},
+          const originDetailsLine =
+            html.tag('span', {class: 'origin-details-line'},
               {[html.onlyIfContent]: true},
 
               relations.originDetails.slots({
@@ -158,13 +161,24 @@ export default {
                 absorbPunctuationFollowingExternalLinks: false,
               }));
 
+          const filenameLine =
+            html.tag('span', {class: 'filename-line'},
+              {[html.onlyIfContent]: true},
+
+              html.tag('code', {class: 'filename'},
+                {[html.onlyIfContent]: true},
+
+                language.sanitize(data.showFilename)));
+
           return [
             artworkBy,
             trackArtFromAlbum,
             source,
             label,
             year,
-            originDetails,
+
+            originDetailsLine,
+            filenameLine,
           ];
         })())),
 };