From 82be007ddeef49774858e5fc932ba7acc0591b90 Mon Sep 17 00:00:00 2001 From: mespeche Date: Mon, 23 Sep 2013 15:11:21 +0200 Subject: [PATCH] Hide upload zone during upload --- .../admin/default/assets/js/image-upload.js | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/templates/admin/default/assets/js/image-upload.js b/templates/admin/default/assets/js/image-upload.js index 92d2a651b..2044614f2 100644 --- a/templates/admin/default/assets/js/image-upload.js +++ b/templates/admin/default/assets/js/image-upload.js @@ -3,12 +3,34 @@ $(function($){ $.imageUploadManager = {}; Dropzone.autoDiscover = false; + + + // Remove image on click $.imageUploadManager.initImageDropZone = function() { var imageDropzone = new Dropzone("#images-dropzone", { dictDefaultMessage : $('.btn-browse').html(), uploadMultiple: false, maxFilesize: 8 + }); + + var totalFiles = 0, + completedFiles = 0; + + imageDropzone.on("addedfile", function(file){ + totalFiles += 1; + + if(totalFiles == 1){ + $('.dz-message').hide(); + } + }); + + imageDropzone.on("complete", function(file){ + completedFiles += 1; + console.log(completedFiles + '===' + totalFiles); + if (completedFiles === totalFiles){ + $('.dz-message').slideDown(); + } }); imageDropzone.on("success", function(file) { @@ -17,6 +39,9 @@ $(function($){ $.imageUploadManager.updateImageListAjax(); $.imageUploadManager.onClickDeleteImage(); }); + + + }; // Update picture list via AJAX call