beenull/XBackBone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Added progress bar for file upload

Browse source
This commit is contained in:
Sergio Brighenti 2019-11-19 14:52:44 +01:00
parent ebe78b4e46
commit 472d392eba
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/templates/upload/web.twig
View file

@ -8,6 +8,9 @@
{% include 'comp/alert.twig' %} {% include 'comp/alert.twig' %}
<div class="card shadow-sm"> <div class="card shadow-sm">
<div class="card-body"> <div class="card-body">
<div class="progress mb-3">
<div class="progress-bar progress-bar-animated progress-bar-striped" style="width: 0;" id="uploadProgess"></div>
</div>
<form action="{{ route('upload') }}" method="post" id="upload-dropzone" class="dropzone"> <form action="{{ route('upload') }}" method="post" id="upload-dropzone" class="dropzone">
<div class="fallback"> <div class="fallback">
<input name="file" type="file" multiple> <input name="file" type="file" multiple>

4
src/js/app.js
View file

@ -6,6 +6,10 @@ var app = {
dictDefaultMessage: window.AppConfig.lang.dropzone, dictDefaultMessage: window.AppConfig.lang.dropzone,
error: function (file, response) { error: function (file, response) {
this.defaultOptions.error(file, response.message); this.defaultOptions.error(file, response.message);
},
totaluploadprogress: function (uploadProgress) {
var text = Math.round(uploadProgress) + '%';
$('#uploadProgess').css({'width': text}).text(text);
} }
}; };
}, },