technicie/MarietjeDjango
1
0
Fork 0
mirror of https://gitlab.science.ru.nl/technicie/MarietjeDjango.git synced 2025-12-09 18:52:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Possibility to clear upload form.

Browse Source
This commit is contained in:
Jim Driessen
2017-02-01 00:22:48 +01:00
parent 99c5016d8a
commit 75bb88d52d
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
marietje/marietje/static/js/upload.js
View File

@ -14,8 +14,17 @@ function parseSong(file, form) {
});
}
function clearForm() {
$('.uploadform form').find('input').prop('disabled', false);
$('.song-container').remove();
$('.result-message').text('');
$('#upload').text('Upload');
$('.progress-bar').css('width', '0%').removeClass('progress-bar-success progress-bar-danger active').addClass('progress-bar-info');
}
$(function () {
$(document).on('change', '.filefield', function () {
clearForm();
for(var i = 0; i < this.files.length; i++) {
var form = songContainer.clone().appendTo('.uploadform form');
var file = this.files[i];
@ -26,13 +35,20 @@ $(function () {
$('.song-container').remove();
$('#upload').click(function() {
var button = $(this);
if(button.text() == 'Clear') {
$('.uploadform form')[0].reset();
clearForm();
return;
}
button.prop('disabled', true);
var progressBar = $('.progress-bar');
var resultMessage = $('.result-message');
var form = $('.uploadform form');
progressBar.addClass('active')
form.ajaxSubmit({
uploadProgress: function(event, position, total, percentComplete) {
form.find('input').attr('disabled', true);
form.find('input').prop('disabled', true);
progressBar.css('width', percentComplete + '%');
},
success: function(result) {
@ -49,11 +65,15 @@ $(function () {
progressBar.addClass('progress-bar-success');
resultMessage.text('Uploaded sucessfully.');
}
button.text('Clear');
button.prop('disabled', false);
},
error: function() {
progressBar.removeClass('progress-bar-info active');
progressBar.addClass('progress-bar-danger');
progressBar.css('width', '100%');
button.text('Clear');
button.prop('disabled', false);
}
});
});