From 12354e7292e588a614436ff3d5b21a291fd9da29 Mon Sep 17 00:00:00 2001
From: Francisco <54645175+franciscoarocas@users.noreply.github.com>
Date: Mon, 14 Sep 2020 13:15:42 +0100
Subject: [PATCH] Fixed, uploaderFiles doesnt show all namesFiles in all
 uploadersInputs

---
 admin/panels/uploader/admin.uploader.tpl | 64 ++++++++++++------------
 admin/res/admin.js                       | 13 +++--
 2 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/admin/panels/uploader/admin.uploader.tpl b/admin/panels/uploader/admin.uploader.tpl
index 7419c7f..a9951c2 100755
--- a/admin/panels/uploader/admin.uploader.tpl
+++ b/admin/panels/uploader/admin.uploader.tpl
@@ -30,7 +30,7 @@
 									</div>
 									<div class="custom-file">
 										<input type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
-										<label class="custom-file-label" for="inputGroupFile01" id="inputGroupFile01Label">Choose file</label>
+										<label class="custom-file-label" for="inputGroupFile01" id="inputGroupFile01Label">{$panelstrings.choose_file}</label>
 									</div>
 								</div>
 								<div class="input-group mb-3">
@@ -39,7 +39,7 @@
 									</div>
 									<div class="custom-file">
 										<input type="file" class="custom-file-input" id="inputGroupFile02" aria-describedby="inputGroupFileAddon02">
-										<label class="custom-file-label" for="inputGroupFile02">Choose file</label>
+										<label class="custom-file-label" for="inputGroupFile02" id="inputGroupFile02Label">{$panelstrings.choose_file}</label>
 									</div>
 								</div>
 								<div class="input-group mb-3">
@@ -48,7 +48,7 @@
 									</div>
 									<div class="custom-file">
 										<input type="file" class="custom-file-input" id="inputGroupFile03" aria-describedby="inputGroupFileAddon03">
-										<label class="custom-file-label" for="inputGroupFile03">Choose file</label>
+										<label class="custom-file-label" for="inputGroupFile03" id="inputGroupFile03Label">{$panelstrings.choose_file}</label>
 									</div>
 								</div>
 								<div class="input-group mb-3">
@@ -57,46 +57,46 @@
 									</div>
 									<div class="custom-file">
 										<input type="file" class="custom-file-input" id="inputGroupFile04" aria-describedby="inputGroupFileAddon04">
-										<label class="custom-file-label" for="inputGroupFile04">Choose file</label>
+										<label class="custom-file-label" for="inputGroupFile04" id="inputGroupFile04Label">{$panelstrings.choose_file}</label>
 									</div>
 								</div>
 							</div>
 							<div class="col-lg-6 mb-4">
 								<div class="input-group mb-3">
-								  <div class="input-group-prepend">
-									<span class="input-group-text ti-folder"></span>
-								  </div>
-								  <div class="custom-file">
-									<input type="file" class="custom-file-input" name="upload[]" />
-									<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label>
-								  </div>
+									<div class="input-group-prepend">
+										<span class="input-group-text ti-folder" id="inputGroupFileAddon05"></span>
+									</div>
+									<div class="custom-file">
+										<input type="file" class="custom-file-input" id="inputGroupFile05" aria-describedby="inputGroupFileAddon05">
+										<label class="custom-file-label" for="inputGroupFile05" id="inputGroupFile05Label">{$panelstrings.choose_file}</label>
+									</div>
 								</div>
 								<div class="input-group mb-3">
-								  <div class="input-group-prepend">
-									<span class="input-group-text ti-folder"></span>
-								  </div>
-								  <div class="custom-file">
-									<input type="file" class="custom-file-input" name="upload[]" />
-									<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label>
-								  </div>
+									<div class="input-group-prepend">
+										<span class="input-group-text ti-folder" id="inputGroupFileAddon06"></span>
+									</div>
+									<div class="custom-file">
+										<input type="file" class="custom-file-input" id="inputGroupFile06" aria-describedby="inputGroupFileAddon06">
+										<label class="custom-file-label" for="inputGroupFile06" id="inputGroupFile06Label">{$panelstrings.choose_file}</label>
+									</div>
 								</div>
 								<div class="input-group mb-3">
-								  <div class="input-group-prepend">
-									<span class="input-group-text ti-folder"></span>
-								  </div>
-								  <div class="custom-file">
-									<input type="file" class="custom-file-input" name="upload[]" />
-									<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label>
-								  </div>
+									<div class="input-group-prepend">
+										<span class="input-group-text ti-folder" id="inputGroupFileAddon07"></span>
+									</div>
+									<div class="custom-file">
+										<input type="file" class="custom-file-input" id="inputGroupFile07" aria-describedby="inputGroupFileAddon07">
+										<label class="custom-file-label" for="inputGroupFile07" id="inputGroupFile07Label">{$panelstrings.choose_file}</label>
+									</div>
 								</div>
 								<div class="input-group mb-3">
-								  <div class="input-group-prepend">
-									<span class="input-group-text ti-folder"></span>
-								  </div>
-								  <div class="custom-file">
-									<input type="file" class="custom-file-input" name="upload[]" />
-									<label class="custom-file-label" for="inputGroupFile01">{$panelstrings.choose_file}</label>
-								  </div>
+									<div class="input-group-prepend">
+										<span class="input-group-text ti-folder" id="inputGroupFileAddon08"></span>
+									</div>
+									<div class="custom-file">
+										<input type="file" class="custom-file-input" id="inputGroupFile08" aria-describedby="inputGroupFileAddon08">
+										<label class="custom-file-label" for="inputGroupFile08" id="inputGroupFile08Label">{$panelstrings.choose_file}</label>
+									</div>
 								</div>
 							</div>
 							<div class="buttonbar upload-buttom">
diff --git a/admin/res/admin.js b/admin/res/admin.js
index 8705875..c6ebdda 100644
--- a/admin/res/admin.js
+++ b/admin/res/admin.js
@@ -34,11 +34,14 @@ function mobile_open_button() {
 /* Functions of uploaderFiles */
 /* This function is called in the admin.uploader.tpl */
 function startUploadEvent() {
-	document.querySelector('.custom-file-input').addEventListener('change', function(e){ /* Change namefile when user select it */
-		const currentInputFileID = e.srcElement.id;
-		const fileName = document.getElementById(currentInputFileID).files[0].name;
-		const nextSibling = e.target.nextElementSibling
-		nextSibling.innerText = fileName
+	const uploadInputs = document.querySelectorAll('.custom-file-input');
+	uploadInputs.forEach(function(currentInput) {
+		currentInput.addEventListener('change', function(e){ // Change namefile when user select it
+			const currentInputFileID = e.srcElement.id;
+			const fileName = document.getElementById(currentInputFileID).files[0].name;
+			const nextSibling = e.target.nextElementSibling
+			nextSibling.innerText = fileName
+		});
 	});
 }
 /* Functions of FileManager */