From 4ac812780a515695c31425ab5a2ff1c19552f429 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=BChlmann?= <andreas@kruhlmann.dev>
Date: Wed, 10 Dec 2025 16:52:38 +0100
Subject: [PATCH] Fix localization of duration

---
 src/main/resources/static/js/admin.js   | 19 +++++++++++++++----
 src/main/resources/templates/admin.html |  2 +-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/static/js/admin.js b/src/main/resources/static/js/admin.js
index 2077055..a37d0a7 100644
--- a/src/main/resources/static/js/admin.js
+++ b/src/main/resources/static/js/admin.js
@@ -112,10 +112,17 @@ function formatDurationLabel(durationMs) {
     const seconds = totalSeconds % 60;
     const minutes = Math.floor(totalSeconds / 60) % 60;
     const hours = Math.floor(totalSeconds / 3600);
+    const parts = [];
     if (hours > 0) {
-        return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+        parts.push(`${hours}h`);
     }
-    return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+    if (minutes > 0 || hours > 0) {
+        parts.push(`${minutes}m`);
+    }
+    if (seconds > 0 || parts.length === 0) {
+        parts.push(`${seconds}s`);
+    }
+    return parts.join(' ');
 }
 
 function recordDuration(assetId, seconds) {
@@ -328,7 +335,7 @@ function handleEvent(event) {
         applyPatch(assetId, event.patch);
     } else if (event.payload) {
         storeAsset(event.payload);
-        if (!event.payload.hidden) {
+        if (!event.payload.hidden && !isVideoAsset(event.payload)) {
             ensureMedia(event.payload);
             if (isAudioAsset(event.payload) && !loopPlaybackState.has(event.payload.id)) {
                 loopPlaybackState.set(event.payload.id, true);
@@ -848,6 +855,10 @@ function ensureMedia(asset) {
         return null;
     }
 
+    if (isVideoAsset(asset)) {
+        return null;
+    }
+
     if (isGifAsset(asset) && 'ImageDecoder' in window) {
         const animated = ensureAnimatedImage(asset);
         if (animated) {
@@ -1046,7 +1057,7 @@ function renderAssetList() {
         badges.appendChild(createBadge(getDisplayMediaType(asset)));
         if (!isAudioAsset(asset)) {
             badges.appendChild(createBadge(asset.hidden ? 'Hidden' : 'Visible', asset.hidden ? 'danger' : ''));
-            badges.appendChild(createBadge(`Z ${asset.zIndex ?? 1}`));
+            badges.appendChild(createBadge(`Layer ${asset.zIndex ?? 1}`));
         }
         const aspectLabel = !isAudioAsset(asset) ? formatAspectRatioLabel(asset) : '';
         if (aspectLabel) {
diff --git a/src/main/resources/templates/admin.html b/src/main/resources/templates/admin.html
index dc44d94..5e7fdd4 100644
--- a/src/main/resources/templates/admin.html
+++ b/src/main/resources/templates/admin.html
@@ -85,7 +85,7 @@
                                     </div>
                                     <div class="control-grid condensed">
                                         <label>
-                                            Layer (Z)
+                                            Layer
                                             <div class="badge-row stacked">
                                                 <span class="badge">Layer <strong id="asset-z-level">1</strong></span>
                                             </div>