Drag 'n drop for files
This commit is contained in:
		
							parent
							
								
									6ad56a0859
								
							
						
					
					
						commit
						cb1ebc1cd0
					
				|  | @ -58,6 +58,59 @@ $(document).on("change", "select[data-controlall]", function() { | |||
|     } | ||||
| }); | ||||
| 
 | ||||
| // Syntax has to be bind not on, otherwise problems with firefox
 | ||||
| $(".container-fluid").bind("dragenter dragover", function () { | ||||
|     if($("#btn-upload").length && !$('body').hasClass('shelforder')) { | ||||
|         $(this).css('background', '#e6e6e6'); | ||||
|     } | ||||
|     return false; | ||||
| }); | ||||
| 
 | ||||
| // Syntax has to be bind not on, otherwise problems with firefox
 | ||||
| $(".container-fluid").bind("dragleave", function () { | ||||
|     if($("#btn-upload").length && !$('body').hasClass('shelforder')) { | ||||
|         $(this).css('background', ''); | ||||
|     } | ||||
|     return false; | ||||
| }); | ||||
| 
 | ||||
| // Syntax has to be bind not on, otherwise problems with firefox
 | ||||
| $(".container-fluid").bind('drop', function (e) { | ||||
|     e.preventDefault() | ||||
|     e.stopPropagation(); | ||||
|     if($("#btn-upload").length) { | ||||
|         var files = e.originalEvent.dataTransfer.files; | ||||
|         var test = $("#btn-upload")[0].accept; | ||||
|         $(this).css('background', ''); | ||||
|         // var final = [];
 | ||||
|         const dt = new DataTransfer() | ||||
|         jQuery.each(files, function (index, item) { | ||||
|             if (test.indexOf(item.name.substr(item.name.lastIndexOf('.'))) !== -1) { | ||||
|                 dt.items.add(item); | ||||
|             } | ||||
|         }); | ||||
|         if (dt.files.length) { | ||||
|             $("#btn-upload")[0].files = dt.files; | ||||
|             $("#form-upload").submit(); | ||||
|         } | ||||
|     } | ||||
| }); | ||||
| 
 | ||||
| $("#btn-upload").change(function() { | ||||
|     $("#form-upload").submit(); | ||||
| }); | ||||
| 
 | ||||
| $(document).ready(function() { | ||||
|   var inp = $('#query').first() | ||||
|   if (inp.length) { | ||||
|     var val = inp.val() | ||||
|     if (val.length) { | ||||
|       inp.val('').blur().focus().val(val) | ||||
|     } | ||||
|   } | ||||
| }); | ||||
| 
 | ||||
| 
 | ||||
| $("#delete_confirm").click(function() { | ||||
|     //get data-id attribute of the clicked element
 | ||||
|     var pathname = document.getElementsByTagName("script"), src = pathname[pathname.length - 1].src; | ||||
|  |  | |||
|  | @ -217,18 +217,6 @@ | |||
|               modalFooter: "{{_('Close')}}", | ||||
|               modalTitleFailed: "{{_('Error')}}" | ||||
|             }); | ||||
|             $("#btn-upload").change(function() { | ||||
|                 $("#form-upload").submit(); | ||||
|             }); | ||||
|             $(document).ready(function() { | ||||
|               var inp = $('#query').first() | ||||
|               if (inp.length) { | ||||
|                 var val = inp.val() | ||||
|                 if (val.length) { | ||||
|                   inp.val('').blur().focus().val(val) | ||||
|                 } | ||||
|               } | ||||
|             }); | ||||
|         }); | ||||
|     </script> | ||||
|     {% block js %}{% endblock %} | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	Block a user