Enable buttons after upload aborted, no images to upload etc.

BeWelcome · Oct 30, 2023 · c972200 · c972200
1 parent 645008b
commit c972200
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/templates/gallery/upload.image.html.twig b/templates/gallery/upload.image.html.twig
@@ -27,6 +27,7 @@
             upload.disabled = true;
             abort.disabled = false;
 
+            let count = 0;
             for (let index = 0; index < files.length; index++) {
                 const file = files[index];
 
@@ -48,13 +49,18 @@
                     continue;
                 }
 
+                count++;
                 filename.innerText = file.name;
 
                 uploadFile(index, file);
             }
 
             progressBars.classList.remove('d-none');
 
+            if (count === 0) {
+                resetForm();
+            }
+
             return false;
         }
 
@@ -69,6 +75,7 @@
 
             client.onerror = function(e) {
                 alert("{{ 'gallery.upload.error'|trans }}");
+                resetForm();
             };
 
             client.onload = function(e) {
@@ -86,10 +93,7 @@
                 imageProgress.append(infoDiv);
                 clients = clients.filter((value)=>value!==client);
                 if (clients.length === 0) {
-                    let form = document.querySelector('form');
-                    form.reset()
-                    upload.disabled = false;
-                    abort.disabled = true;
+                    resetForm();
                 }
             };
 
@@ -101,7 +105,6 @@
 
                 const filename = document.getElementById('filename-' + index);
                 filename.innerText = file.name + " - " + p + "%";
-                console.log(file.name, percent, filename, " - " + p);
             };
 
             client.onabort = function(e) {
@@ -119,10 +122,7 @@
             }
             alert("{{ 'upload.canceled'|trans }}");
 
-            let form = document.querySelector('form');
-            form.reset()
-            upload.disabled = false;
-            abort.disabled = true;
+            resetForm();
 
             return false;
         }
@@ -164,6 +164,13 @@
             const objectUrl = window.URL.createObjectURL(file);
             image.firstChild.src = objectUrl;
         }
+
+        function resetForm() {
+            let form = document.querySelector('form');
+            form.reset()
+            upload.disabled = false;
+            abort.disabled = true;
+        }
     </script>
 {% endblock javascripts %}