thumb fix 3

2026-07-27 12:01:24 +02:00
parent 4400c87ec3
commit 1a6abc95f5
1 changed files with 30 additions and 2 deletions
@@ -214,11 +214,39 @@
    return (bytes / 1048576).toFixed(1) + ' MB';
  }

-  document.addEventListener('DOMContentLoaded', addBrowseButtons);
+  // Live image preview for software_images image_id selects
+  function addImagePreviewListeners() {
+    var selects = document.querySelectorAll('select[id*="image_id"]:not([data-preview-added])');
+    selects.forEach(function(sel) {
+      sel.setAttribute('data-preview-added', 'true');
+      sel.addEventListener('change', function() {
+        var hint = sel.closest('li').querySelector('.inline-hints');
+        if (!hint) {
+          // Create hint element if it doesn't exist
+          hint = document.createElement('p');
+          hint.className = 'inline-hints';
+          sel.closest('li').appendChild(hint);
+        }
+        if (sel.value) {
+          hint.innerHTML = '<img src="/api/image/' + sel.value + '" style="max-height:80px;max-width:160px;object-fit:contain;margin-top:6px;" />';
+        } else {
+          hint.innerHTML = '';
+        }
+      });
+    });
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+    addBrowseButtons();
+    addImagePreviewListeners();
+  });

  if (typeof jQuery !== 'undefined') {
    jQuery(document).on('has_many_add:after', function() {
-      setTimeout(addBrowseButtons, 50);
+      setTimeout(function() {
+        addBrowseButtons();
+        addImagePreviewListeners();
+      }, 50);
    });
  }
 })();