franzz/catc
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Upload progress bar

Browse Source
This commit is contained in:
Franzz
2019-09-16 21:23:08 +02:00
parent fa6c82a533
commit 4133faec32
4 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
masks/course.html
View File

@@ -5,6 +5,9 @@
<input type="file" class="custom-file-input" id="fileupload" name="files[]" multiple>
<label class="custom-file-label" for="customFile">Choose file</label>
</div>
<div id="upload_progress" class="progress mt-2 hidden transition">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div id="doc_list"></div>
</div>
@@ -57,16 +60,24 @@ oCATC.pageInit = function(asHash, bFirstPage) {
dataType: 'json',
acceptFileTypes: /(\.|\/)(gif|jpe?g|png|mov|doc|docx|pdf|mp3|wav)$/i,
formData: {id: self.tmp('id_course')},
progressall: function (e, asData) {
console.log(asData);
var iProgress = parseInt(asData.loaded / asData.total * 100, 10);
$('#upload_progress')
.show()
.find('.progress-bar')
.attr('aria-valuenow', iProgress)
.css('width', iProgress+'%')
.text(iProgress+'%');
},
done: function(e, asData) {
$.each(asData.result.files, function(iKey, oFile) {
var sMsg = ('error' in oFile)?oFile.error:(oFile.name+" uploaded successfully");
oCATC.feedback('notice', sMsg);
});
$('#upload_progress').hide('fast');
loadDocs();
}/*,
progressall: function (e, asData) {
$('#progress .bar').css('width', parseInt(asData.loaded / asData.total * 100, 10)+'%');
}*/
}
});
loadDocs();
};