diff --git a/public/src/modules/uploader.js b/public/src/modules/uploader.js index e44d59d4e2..47ba1c1e37 100644 --- a/public/src/modules/uploader.js +++ b/public/src/modules/uploader.js @@ -13,7 +13,8 @@ define('uploader', function() { }; module.open = function(route, params, fileSize, callback) { - $('#upload-picture-modal').modal('show').removeClass('hide'); + var uploadModal = $('#upload-picture-modal'); + uploadModal.modal('show').removeClass('hide'); module.hideAlerts(); var uploadForm = $('#uploadForm'); uploadForm[0].reset(); @@ -29,30 +30,30 @@ define('uploader', function() { } $('#pictureUploadSubmitBtn').off('click').on('click', function() { - $('#uploadForm').submit(); + uploadForm.submit(); }); uploadForm.off('submit').submit(function() { function status(message) { module.hideAlerts(); - $('#alert-status').text(message).removeClass('hide'); + uploadModal.find('#alert-status').text(message).removeClass('hide'); } function success(message) { module.hideAlerts(); - $('#alert-success').text(message).removeClass('hide'); + uploadModal.find('#alert-success').text(message).removeClass('hide'); } function error(message) { module.hideAlerts(); - $('#alert-error').text(message).removeClass('hide'); + uploadModal.find('#alert-error').text(message).removeClass('hide'); } status('uploading the file ...'); - $('#upload-progress-bar').css('width', '0%'); - $('#upload-progress-box').show().removeClass('hide'); + uploadModal.find('#upload-progress-bar').css('width', '0%'); + uploadModal.find('#upload-progress-box').show().removeClass('hide'); if (!$('#userPhotoInput').val()) { error('select an image to upload!'); @@ -66,7 +67,7 @@ define('uploader', function() { }, uploadProgress: function(event, position, total, percent) { - $('#upload-progress-bar').css('width', percent + '%'); + uploadModal.find('#upload-progress-bar').css('width', percent + '%'); }, success: function(response) { @@ -81,7 +82,7 @@ define('uploader', function() { success('File uploaded successfully!'); setTimeout(function() { module.hideAlerts(); - $('#upload-picture-modal').modal('hide'); + uploadModal.modal('hide'); }, 750); } }); @@ -91,10 +92,11 @@ define('uploader', function() { }; module.hideAlerts = function() { - $('#alert-status').addClass('hide'); - $('#alert-success').addClass('hide'); - $('#alert-error').addClass('hide'); - $('#upload-progress-box').addClass('hide'); + var uploadModal = $('#upload-picture-modal'); + uploadModal.find('#alert-status').addClass('hide'); + uploadModal.find('#alert-success').addClass('hide'); + uploadModal.find('#alert-error').addClass('hide'); + uploadModal.find('#upload-progress-box').addClass('hide'); }; return module;