Release 2.13.3

src/web/public/js/media-picker.js

@@ -160,9 +160,16 @@
     if (!activeButton) {
       return null;
     }
+    var explicitInputId = activeButton.getAttribute('data-media-picker-file-input');
+    if (explicitInputId) {
+      var explicitInput = document.getElementById(explicitInputId);
+      if (explicitInput) {
+        return explicitInput;
+      }
+    }
     var hiddenKey = activeButton.getAttribute('data-media-picker-hidden');
     if (hiddenKey) {
-      var inputFromHidden = document.getElementById(hiddenKey.replace(/^existing_/, ''));
+      var inputFromHidden = document.getElementById(hiddenKey.replace(/^existing[-_]/, ''));
       if (inputFromHidden) {
         return inputFromHidden;
       }

src/web/public/js/templates/template-designer.js

@@ -1797,7 +1797,7 @@
       }
       backgroundPreview.removeAttribute('src');
       backgroundPreview.style.display = 'none';
-      backgroundEmpty.style.display = 'block';
+      backgroundEmpty.style.display = 'flex';
     });
   }
   if (animationAdvancedModal) {

src/web/views/signage/templates/animation-advanced-modal.hbs

@@ -7,7 +7,6 @@
     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body d-grid gap-4">
-    <div class="alert alert-secondary mb-0">Changes here are saved into the region animation JSON and stay in sync with the preset dropdowns.</div>
     <div class="row g-3">
       <div class="col-12 col-lg-4">
         <div class="card border-secondary-subtle">

src/web/views/signage/templates/form.hbs

@@ -103,7 +103,7 @@
               <div class="row g-3">
                 <div class="col-12 col-md-4">
                   <input type="file" name="background_image" id="background-image" class="d-none" accept="image/*" />
-                  <button type="button" class="btn btn-outline-secondary w-100" data-media-picker data-media-picker-type="image" data-media-picker-hidden="existing-background-image-path"><i class="bi bi-images me-1" aria-hidden="true"></i>Choose</button>
+                  <button type="button" class="btn btn-outline-secondary w-100" data-media-picker data-media-picker-type="image" data-media-picker-hidden="existing-background-image-path" data-media-picker-file-input="background-image"><i class="bi bi-images me-1" aria-hidden="true"></i>Choose</button>
                 </div>
                 <div class="col-12 col-md-4">
                   <button type="button" class="btn btn-outline-secondary w-100" id="remove-background-image">Remove</button>