update field-file.js

package.json

@@ -92,10 +92,5 @@
     "vee-validate": "^3.0.3",
     "vue": "^2.6.10",
     "vue-the-mask": "^0.11.1"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
   }
 }

src/blocks/field-file/field-file.js

@@ -6,12 +6,16 @@ const $ = require('jquery');
 
 ready(function(){
 
+	const forms = document.querySelectorAll('form');
+	forms.forEach(form => {
+
 		// Объект для хранения файлов
 		const Store = {
 			files: {},
 			inputs: {}
 		};
-	let fileItems = document.querySelectorAll( '.file-simple-js' );
+
+		let fileItems = form.querySelectorAll( '.file-simple-js' );
 
 		Array.prototype.forEach.call( fileItems, function( item ) {
 
@@ -23,8 +27,8 @@ ready(function(){
 			Store.inputs[itemName] = [];
 			let parent = item.closest('.field-file');
 			let itemsWrap = parent.querySelector('.field-file__items');
+			let existingFiles = itemsWrap.querySelectorAll('.field-file__item-wrap');
 
-		let existingFiles = parent.querySelectorAll('.field-file__item-wrap');
 			if (existingFiles.length > 0){
 
 				existingFiles.forEach(file => {
@@ -92,12 +96,12 @@ ready(function(){
 				let fileWrap = '';
 
 				Store.files[itemName].forEach(item => {
-				console.log(item);
+
 					fileWrap += `
 						<div class="field-file__item-wrap">
 							<input type="hidden" value="${item.name}" name="ownfile[]">
 							<div class="field-file__item-remove">
-							<div class="remove  remove_bordered file-remove-js"></div>
+								<div class="remove  remove_bordered file-remove-js" onclick='removeFile(this)'></div>
 							</div>
 							<div class="field-file__item-name">
 								${item.name}
@@ -120,4 +124,7 @@ ready(function(){
 				});
 			})
 		});
+
+	})
+
 });