From c305e920e5ebea10caf81df3112c1503e7bfcbe3 Mon Sep 17 00:00:00 2001
From: unknown <martinlo@DSTIBPICO34243F.stations.paris.mdp>
Date: Thu, 16 Jun 2016 16:26:15 +0200
Subject: [PATCH] ASYNCUP-21 : modify main.js file to allow several handlers on
 same page

---
 .../skin/plugins/asynchronousupload/main.js   | 187 +++++++++---------
 1 file changed, 97 insertions(+), 90 deletions(-)

diff --git a/webapp/WEB-INF/templates/skin/plugins/asynchronousupload/main.js b/webapp/WEB-INF/templates/skin/plugins/asynchronousupload/main.js
index 68d1e40..92f7249 100644
--- a/webapp/WEB-INF/templates/skin/plugins/asynchronousupload/main.js
+++ b/webapp/WEB-INF/templates/skin/plugins/asynchronousupload/main.js
@@ -10,111 +10,118 @@
  */
 
 /* global $, window */
+Array.prototype.contains = function (object){
+    
+  for(i in this){
+      if(this[i] == object){
+          return true;
+      }
+  }
+  return false;
+}
+if(typeof(handlerList)==='undefined'){
+handlerList=[]    
+}
 
+if (!handlerList.contains('${handler_name}')){
+    
+    handlerList.push('${handler_name}');
+    
 $(function () {
-    'use strict';
-
-    var uploadButton = $('<button/>')
-    .addClass('btn btn-primary')
-    .prop('disabled', true)
-    .text('Processing...')
-    .on('click', function () {
+'use strict';
+        var uploadButton = $('<button/>')
+        .addClass('btn btn-primary')
+        .prop('disabled', true)
+        .text('Processing...')
+        .on('click', function () {
         var $this = $(this),
-            data = $this.data();
-        $this
-            .off('click')
-            .text('Abort')
-            .on('click', function () {
+                data = $this.data();
+                $this
+                .off('click')
+                .text('Abort')
+                .on('click', function () {
                 $this.remove();
-                data.abort();
-            });
-        data.submit().always(function () {
-            $this.remove();
+                        data.abort();
+                });
+                data.submit().always(function () {
+        $this.remove();
         });
-    });
-    
-    // Initialize the jQuery File Upload widget:
-	$(document).on('click','.${handler_name}${fieldname}', {} ,function() {
-    	$(this).fileupload({
-    			// Uncomment the following to send cross-domain cookies:
-    			//xhrFields: {withCredentials: true},
-    			dataType: 'json',
-    			url: '${base_url}${upload_url}',
-    			disableImageResize: /Android(?!.*Chrome)|Opera/
-        		.test(window.navigator && navigator.userAgent),
-    			imageMaxWidth: ${imageMaxWidth},
-    			imageMaxHeight: ${imageMaxHeight},
-    			previewMaxWidth: ${previewMaxWidth},
-    			previewMaxHeight: ${previewMaxHeight},
-    			imageCrop: false, // Force cropped images
-    			dropZone: $(this),
-    			maxFileSize: ${maxFileSize},
-    			formData: [{name:'fieldname',value:$(this)[0].name}, {name:'asynchronousupload.handler', value:'${handler_name}'}],
-    			messages: {
-    		        maxFileSize: "#i18n{asynchronousupload.error.fileTooLarge}",
-			
-    		    }
-    	    }).on('fileuploadprocessalways', function (e, data) {
-    	        var index = data.index,
-    	            file = data.files[index],
-    	            fieldName = data.formData[0].value;
+        });
+        // Initialize the jQuery File Upload widget:
+        $(document).on('click', '.${handler_name}${fieldname}', {}, function() {
+$(this).fileupload({
+// Uncomment the following to send cross-domain cookies:
+//xhrFields: {withCredentials: true},
+dataType: 'json',
+        url: '${base_url}${upload_url}',
+        disableImageResize: /Android(?!.*Chrome)|Opera/
+        .test(window.navigator && navigator.userAgent),
+        imageMaxWidth: ${imageMaxWidth},
+        imageMaxHeight: ${imageMaxHeight},
+        previewMaxWidth: ${previewMaxWidth},
+        previewMaxHeight: ${previewMaxHeight},
+        imageCrop: false, // Force cropped images
+        dropZone: $(this),
+        maxFileSize: ${maxFileSize},
+        formData: [{name:'fieldname', value:$(this)[0].name}, {name:'asynchronousupload.handler', value:'${handler_name}'}],
+        messages: {
+        maxFileSize: "#i18n{asynchronousupload.error.fileTooLarge}",
+        }
+}).on('fileuploadprocessalways', function (e, data) {
+var index = data.index,
+        file = data.files[index],
+        fieldName = data.formData[0].value;
 //    	        if (file.preview) {
 //    	            node
 //    	                .prepend('<br>')
 //    	                .prepend(file.preview);
 //    	        }
-    	        if (file.error) {
-    	        	updateErrorBox( file.error, fieldName )
-    	        }
+        if (file.error) {
+updateErrorBox(file.error, fieldName)
+}
 //    	        if (index + 1 === data.files.length) {
 //    	            data.context.find('button')
 //    	                .text('Upload')
 //    	                .prop('disabled', !!data.files.error);
 //    	        }
-    	    }).on('fileuploadprogressall', function (e, data) {
-    	        var progress = parseInt(data.loaded / data.total * 100, 10);
-    	        var fieldName = this.name;
-    	        var bar = $(' #progress-bar_' + fieldName);
-    	        bar.html( progress + '%'  );
-    	        bar.css( 'width', progress + '%' );
-    	         	        
-    	        $(' #progress_' + fieldName).show( );
-    	        
-    	        if ( progress >= 100 )
-    	        {
-    	        	$(' #progress_' + fieldName).hide();
-    	        }
-    	    }).on('fileuploaddone', function (e, data) {
-    	    	formDisplayUploadedFiles${fieldname}( data.result, data.files, '${checkBoxPrefix}' );
-    	    }).on('fileuploadfail', function (e, data) {
-    	    	var fieldName = data.formData[0].value;
-    	    	updateErrorBox( 'Une erreur est survenue lors de l\'upload du fichier', fieldName );
-    	    	$(' #progress_' + fieldName).hide();
-    	    }).prop('disabled', !$.support.fileInput)
-    	        .parent().addClass($.support.fileInput ? undefined : 'disabled');
-    	this.parentNode.className=this.parentNode.className + ' fileinput-button';
-    	
-    	var jsonData = {"fieldname":this.name, "asynchronousupload.handler":"${handler_name}"};
-    	
-    	$.getJSON('${base_url}jsp/site/plugins/asynchronousupload/DoRemoveFile.jsp', jsonData,
-    			function(json) {
-    				formDisplayUploadedFiles${fieldname}(json, null, '${checkBoxPrefix}');
-    			}
-    		);
-    });
-    
-    $('[name^="${submitPrefix}"]').click(function(event) {
-		event.preventDefault( );
-	});
-
-    // prevent user from quitting the page before his upload ended.    
-    $(document).on('click','[name^="${deletePrefix}"]', {} ,function() {
-        var fieldName = this.name.match("${deletePrefix}(.*)")[1];
-    	removeFile${checkBoxPrefix}(fieldName, '${handler_name}', '${base_url}');
-    	event.preventDefault( );
-    });
-    
+}).on('fileuploadprogressall', function (e, data) {
+var progress = parseInt(data.loaded / data.total * 100, 10);
+        var fieldName = this.name;
+        var bar = $(' #progress-bar_' + fieldName);
+        bar.html(progress + '%');
+        bar.css('width', progress + '%');
+        $(' #progress_' + fieldName).show();
+        if (progress >= 100)
+{
+$(' #progress_' + fieldName).hide();
+}
+}).on('fileuploaddone', function (e, data) {
+formDisplayUploadedFiles${fieldname}(data.result, data.files, '${checkBoxPrefix}');
+}).on('fileuploadfail', function (e, data) {
+var fieldName = data.formData[0].value;
+        updateErrorBox('Une erreur est survenue lors de l\'upload du fichier', fieldName);
+        $(' #progress_' + fieldName).hide();
+}).prop('disabled', !$.support.fileInput)
+        .parent().addClass($.support.fileInput ? undefined : 'disabled');
+        this.parentNode.className = this.parentNode.className + ' fileinput-button';
+        var jsonData = {"fieldname":this.name, "asynchronousupload.handler":"${handler_name}"};
+        $.getJSON('${base_url}jsp/site/plugins/asynchronousupload/DoRemoveFile.jsp', jsonData,
+                function(json) {
+                formDisplayUploadedFiles${fieldname}(json, null, '${checkBoxPrefix}');
+                }
+        );
+});
+        $('[name^="${submitPrefix}"]').click(function(event) {
+event.preventDefault();
+});
+        // prevent user from quitting the page before his upload ended.    
+        $(document).on('click', '[name^="${deletePrefix}"]', {}, function() {
+var fieldName = this.name.match("${deletePrefix}(.*)")[1];
+        removeFile${checkBoxPrefix}(fieldName, '${handler_name}', '${base_url}');
+        event.preventDefault();
 });
+    });
+        }
 
 /**
  * Sets the files list
@@ -218,4 +225,4 @@ function updateErrorBox( errorMessage, fieldName )
 	{
 		$( '#_file_error_box_' + fieldName ).hide( );
 	}
-}
+}
\ No newline at end of file