Changeset 27010 for main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js

Timestamp:

2013-03-05T16:36:03+13:00 (11 years ago)

Author:

sjm84

Message:

Implemented a "drag to trash" feature

File:

• main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js (modified) (8 diffs)

main/trunk/greenstone3/web/interfaces/default/js/visual-xml-editor.js

@@ -18 +18 @@
     var _selectedElement;
 
+    var _overTrash = false;
+    
     var _validDropSpot = false;
     var _validDropType;
@@ -156 +158 @@
         
         return true;
+    }
+    
+    var placeTrashBin = function()
+    {
+        var bin = $("<div id=\"veTrash\">Trash</div>");
+        bin.addClass("ui-state-default");
+        bin.addClass("ui-corner-all");
+        bin.droppable(
+        {
+            "over":function()
+            {
+                _overTrash = true;
+            },
+            "out":function()
+            {
+                _overTrash = false;
+            }
+        });
+        _editorContainer.append(bin);
     }
     
@@ -445 +466 @@
 
         populateToolbar();
+        placeTrashBin();
 
         _editorContainer.append(_editorDiv);
@@ -451 +473 @@
         _mainDiv.append($("<div>", {"id":"veSpacerDiv"}));
         _mainDiv.append(_infoDiv);
-        _mainDiv.append($("<div>", {"style":"clear:both;"}));
+        _mainDiv.append($("<div>", {"style":"clear:both;"}));       
     }
 
@@ -638 +660 @@
                 "start":function(event, ui)
                 {
+                    _overTrash = false;
                     _origDDParent = _div.parent();
                     _origDDPosition = _div.index();
@@ -746 +769 @@
                     _div.css("border", "1px dashed black");
                     _div.css("background", _div.data("prevBackground"));
-
+                    
                     //If the element was not dropped in a valid place then put it back
                     if(!_validDropSpot)
@@ -762 +785 @@
                         {
                             _origDDParent.children(".veElement").eq(_origDDPosition).before(_div);
+                        }
+                        
+                        if(_overTrash)
+                        {
+                            _div.data("parentVEElement").remove();
+                            return;
                         }
 
@@ -916 +945 @@
             removeButton.click(function()
             {
-                var divParent = _div.parents(".veElement");
-                _transactions.push({type:"remMvElem", vElemParent:_div.parent(), vElemPos:_div.index(), vElem:_div});
-                _div.data("expanded", "normal");
-                $(_xmlNode).remove();
-                _div.detach();
-                _infoDiv.empty();
-                
-                if(divParent.length)
-                {
-                    divParent.first().trigger("click");
-                }
+                _div.data("parentVEElement").remove();
             });
+        }
+        
+        this.remove = function()
+        {
+            var divParent = _div.parents(".veElement");
+            _transactions.push({type:"remMvElem", vElemParent:_div.parent(), vElemPos:_div.index(), vElem:_div});
+            _div.data("expanded", "normal");
+            $(_xmlNode).remove();
+            _div.detach();
+            _infoDiv.empty();
+            
+            if(divParent.length)
+            {
+                divParent.first().trigger("click");
+            }
         }