Drag and Drop is starting to work. You can drag the New Album over any of the directorys and it will be allowed. Drag anything over New Album and it will return. You can drag an tree item except the root over the delete icon and it will be accepted. Now I need to build the ajax and server side functionality the at allows this to all work.

2 files changed, 3 insertions, 3 deletions

diff --git a/modules/rearrange/views/rearrange.html.php b/modules/rearrange/views/rearrange.html.php
index 8946b9a3..855e8dd9 100644
--- a/modules/rearrange/views/rearrange.html.php
+++ b/modules/rearrange/views/rearrange.html.php
@@ -7,7 +7,7 @@ $(document).ready( function() {
 });
 </script>
 <div id="gRearrange">
-  <span id="gAddAlbum">New Album</span>
+  <span id="gAddAlbum" rel="gAddAlbum">New Album</span>
   &nbsp;
   <span id="gDeleteItem">Delete</span>
   <hr/>
diff --git a/modules/rearrange/views/rearrange_item_list.html.php b/modules/rearrange/views/rearrange_item_list.html.php
index 52881fa1..f98d6a4e 100644
--- a/modules/rearrange/views/rearrange_item_list.html.php
+++ b/modules/rearrange/views/rearrange_item_list.html.php
@@ -2,11 +2,11 @@
 <ul class="jqueryFileTree" style="display: none">
   <? foreach ($children as $item): ?>
     <? if ($item->type == "album"): ?>
-      <li class="directory <?= $item->children_count() > 0 ? "collapsed" : "" ?>" id="<?= $item->id?>">
+      <li class="directory collapsed treeitem" id="<?= $item->id?>">
         <a href="#" rel="<?= $item->id?>"><?= $item->title?></a>
       </li>
     <? else: ?>
-      <li class="file item" id="<?= $item->id?>"><a href="#" rel="<?= $item->id?>"><?= $item->title?></a>
+      <li class="file item treeitem" id="<?= $item->id?>"><a href="#" rel="<?= $item->id?>"><?= $item->title?></a>
       </li>
     <? endif; ?>
   <? endforeach;?>