From 3a2c57524fb1fd6c910cfb051273ac097dcf168f Mon Sep 17 00:00:00 2001
From: Don Mitchell <dmitchell@edx.org>
Date: Tue, 15 Jan 2013 10:35:20 -0500
Subject: [PATCH] Basic dnd for units

---
 cms/static/js/base.js | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/cms/static/js/base.js b/cms/static/js/base.js
index 4137690395..59b5a3812c 100644
--- a/cms/static/js/base.js
+++ b/cms/static/js/base.js
@@ -59,7 +59,9 @@ $(document).ready(function() {
     $('.sortable-unit-list').sortable({
         axis: 'y',
         handle: '.drag-handle',
-        update: onUnitReordered
+        update: onUnitReordered,
+        connectWith: '.sortable-unit-list',
+        revert: true
     });
 
     // expand/collapse methods for optional date setters
@@ -242,7 +244,7 @@ function removePolicyMetadata(e) {
 
 
 // This method only changes the ordering of the child objects in a subsection
-function onUnitReordered() {
+function onUnitReordered(event, ui) {
     var subsection_id = $(this).data('subsection-id');
 
     var _els = $(this).children('li:.leaf');
@@ -256,6 +258,23 @@ function onUnitReordered() {
 		contentType: "application/json",
 		data:JSON.stringify({ 'id' : subsection_id, 'children' : children})
 	});
+    
+    // remove from old container
+    if (ui.sender && subsection_id !== ui.sender.data('subsection-id')) {
+    	
+    	var _els = ui.sender.children('li:.leaf');
+    	var children = _els.map(function(idx, el) { return $(el).data('id'); }).get();
+    	
+    	// call into server to commit the new order
+    	$.ajax({
+    		url: "/save_item",
+    		type: "POST",
+    		dataType: "json",
+    		contentType: "application/json",
+    		data:JSON.stringify({ 'id' : ui.sender.data('subsection-id'), 'children' : children})
+    	});
+    	
+    }
 }
 
 function onSubsectionReordered() {