B17536: Changed initialization handling. Initialize only upload elements which...

B17536: Changed initialization handling. Initialize only upload elements which are shown. Switching pills will execute initialization. refs #17536

javascript/src/Helper/filePond.js

@@ -6,7 +6,15 @@
 
 var QfqNS = QfqNS || {};
 
+/**
+ * Qfq Helper Namespace
+ *
+ * @namespace QfqNS.Helper
+ */
+QfqNS.Helper = QfqNS.Helper || {};
+
 (function (n) {
+    'use strict';
 
     n.filePond = function createFileUpload(inputElement) {
         // Retrieve all needed data and configurations
@@ -455,5 +463,32 @@ var QfqNS = QfqNS || {};
         }).join(',');
     }
 
-})(QfqNS);
+    n.initializeFilePondInContainer = function (container, form) {
+        const inputElements = container.querySelectorAll('input[type="file"].fileupload');
+        const visibleInputElements = Array.from(inputElements).filter(input => input.offsetParent !== null);
+
+        visibleInputElements.forEach(inputElement => {
+            inputElements.forEach((inputElement, index) => {
+                let fileObject = new n.filePond(inputElement);
+                fileObject.createFilePondObject();
+
+                // Call the form change after file remove
+                if (form !== '') {
+                    fileObject.pond.on('removefile', function(file) {
+                        const element = fileObject.pond.element;
+                        form.inputAndPasteHandlerCalled = true;
+                        form.markChanged(element);
+                    });
+
+                    fileObject.pond.on('processfile', function(file) {
+                        const element = fileObject.pond.element;
+                        form.inputAndPasteHandlerCalled = true;
+                        form.markChanged(element);
+                    });
+                }
+            });
+        });
+    }
+
+})(QfqNS.Helper);