New : uploadfile drag and drop on card

htdocs/core/js/lib_foot.js.php

@@ -379,3 +379,46 @@ print '
 		});
 	});
 '."\n";
+
+// Code to manage the drag and drop file
+//TODO: Find a way to display text over div
+print "\n/* JS CODE TO ENABLE DRAG AND DROP OF FILE */\n";
+print '
+	jQuery(document).ready(function() {
+		counterdragdrop = 0;
+		$(".cssDragDropArea").on("dragenter", function(ev) {
+			// Entering drop area. Highlight area
+			counterdragdrop++;
+			$(".cssDragDropArea").addClass("highlightDragDropArea");
+			ev.preventDefault();
+		});
+		
+		$(".cssDragDropArea").on("dragleave", function(ev) {
+		  	// Going out of drop area. Remove Highlight
+		  	counterdragdrop--;
+			if (counterdragdrop === 0) { 
+				$(".cssDragDropArea").removeClass("highlightDragDropArea");
+			}
+		});
+
+		$(".cssDragDropArea").on("dragover", function(ev) {
+			ev.preventDefault();
+			return false;
+		});
+
+		$(".cssDragDropArea").on("drop", function(e) {
+			console.log("Trigger event file droped");
+			e.preventDefault();
+			fd = new FormData();
+			var dataTransfer = e.originalEvent.dataTransfer;
+			if(dataTransfer.files && dataTransfer.files.length){
+				var droppedFiles = e.originalEvent.dataTransfer.files;
+				$.each(droppedFiles, function(index,file){
+					fd.append("file",file,file.name)
+				});
+			}
+			$(".cssDragDropArea").removeClass("highlightDragDropArea");
+			counterdragdrop = 0;
+		});
+	});
+'."\n";