Fixed, uploaderFiles doesnt show all namesFiles in all uploadersInputs
This commit is contained in:
parent
6259440e34
commit
12354e7292
@ -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">
|
||||
|
@ -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 */
|
||||
|
Loading…
x
Reference in New Issue
Block a user