files can now be draged and dropped in the file browser

1 files changed, 21 insertions, 9 deletions

diff --git a/files/js/files.js b/files/js/files.js
index 408bd6e48a0..85bc7a98f62 100644
--- a/files/js/files.js
+++ b/files/js/files.js
@@ -1,16 +1,28 @@
 $(document).ready(function() {
 	$('#file_action_panel').attr('activeAction', false);
-
-	// Sets browser table behaviour :
-	$('.browser tr').hover(
-		function() {
-			$(this).addClass('mouseOver');
+	
+	$('#fileList tr td.filename').draggable({
+		distance: 20, revert: true, opacity: 0.7,
+		stop: function(event, ui) {
+			$('#fileList tr td.filename').addClass('ui-draggable');
 		},
-		function() {
-			$(this).removeClass('mouseOver');
+	});
+	$('#fileList tr[data-type="dir"] td.filename').droppable({
+		drop: function( event, ui ) {
+			var file=ui.draggable.text().trim();
+			var target=$(this).text().trim();
+			$.ajax({
+				url: 'ajax/move.php',
+				data: "dir="+$('#dir').val()+"&file="+file+'&target='+target,
+				complete: function(data){boolOperationFinished(data, function(){
+					var el=$('#fileList tr[data-file="'+file+'"] td.filename');
+					el.draggable('destroy');
+					FileList.remove(file);
+				});}
+			});
 		}
-	);
-
+	});
+	
 	// Sets the file-action buttons behaviour :
 	$('td.fileaction a').live('click',function(event) {
 		event.preventDefault();