adding support for independent topics in freemind layout

mindplot/src/main/javascript/Topic.js

@@ -1193,6 +1193,8 @@ mindplot.Topic.prototype.disconnect = function(workspace)
         var childModel = this.getModel();
         childModel.disconnect();
 
+        this._parent = null;
+
         // Remove graphical element from the workspace...
         outgoingLine.removeFromWorkspace(workspace);
 

mindplot/src/main/javascript/commands/freeMind/ReconnectTopicCommand.js

@@ -45,7 +45,7 @@ mindplot.commands.freeMind.ReconnectTopicCommand = mindplot.Command.extend(
                 node._originalPosition = modTopic.originalPos;
             }
         }
-        var oldParent = commandContext.findTopics(parseInt(this._oldParent))[0];
+        var oldParent = this._oldParent!=null?commandContext.findTopics(parseInt(this._oldParent))[0]:null;
         node.relationship = this._relationship;
         node._relationship_oldParent = oldParent;
         node._relationship_index = this._index;
@@ -60,11 +60,12 @@ mindplot.commands.freeMind.ReconnectTopicCommand = mindplot.Command.extend(
         delete node._relationship_oldParent;
         delete node._relationship_sibling_node;
         delete node._relationship_index;
+        delete node._originalPosition;
     },
     undoExecute: function(commandContext)
     {
         var node = commandContext.findTopics(parseInt(this._node))[0];
-        var targetNode = commandContext.findTopics(parseInt(this._oldParent))[0];
+        var targetNode = this._oldParent!=null?commandContext.findTopics(parseInt(this._oldParent))[0]:null;
 
         var keys = this._modifiedTopics.keys();
         for(var i=0; i<keys.length; i++){
@@ -85,21 +86,27 @@ mindplot.commands.freeMind.ReconnectTopicCommand = mindplot.Command.extend(
         if(this._relationship != "Child"){
             oldParent = oldParent.getParent();
         }
+        if(targetNode!=null){
             node.relationship = "undo";
             node._relationship_oldParent = oldParent;
             node._relationship_index = this._index;
+        }
         commandContext.disconnect(node);
+        if(targetNode!=null){
             commandContext.connect(node, targetNode);
             delete node.relationship;
             delete node._relationship_oldParent;
             delete node._relationship_index;
+        }
+        delete node._originalPosition;
     },
     setModifiedTopics:function(modifiedTopics){
         this._modifiedTopics = modifiedTopics;
     },
     setDraggedTopic:function(node, index){
         this._node = node.getId();
-        this._oldParent = node.getOutgoingConnectedTopic().getId();
+        var outgoingConnectedTopic = node.getOutgoingConnectedTopic();
+        this._oldParent = outgoingConnectedTopic!=null?outgoingConnectedTopic.getId():null;
         this._index = index;
     },
     setTargetNode:function(node){

mindplot/src/main/javascript/layoutManagers/BaseLayoutManager.js

@@ -31,7 +31,7 @@ mindplot.layoutManagers.BaseLayoutManager = new Class({
     },
     _nodeRepositionateEvent:function(node){
     },
-    _NodeShrinkEvent:function(node){
+    _nodeShrinkEvent:function(node){
     },
     _createBoard:function(){
         this._boards = new Hash();

mindplot/src/main/javascript/layoutManagers/FreeMindLayoutManager.js

@@ -26,7 +26,10 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
     },
     prepareChildrenList:function(node, children){
         var result = children.sort(function(n1, n2){
+            if(n1.getPosition() && n2.getPosition())
                 return n1.getPosition().y>n2.getPosition().y;
+            else
+                return true;
         });
         return result;
     },
@@ -106,6 +109,24 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
             var pos = screen.getWorkspaceMousePosition(event);
             pos.x = Math.round(pos.x);
             pos.y = Math.round(pos.y);
+            //if isolated topic
+            if(node.getParent()==null){
+                //If still in same side
+                if(Math.sign(nodePos.x)==Math.sign(pos.x)){
+                    var x = nodePos.x - pos.x;
+                    var y = nodePos.y - pos.y;
+                    var delta = new core.Point(Math.round(x), Math.round(y));
+                    var actualPos = node.getPosition().clone();
+                    var newPos = new core.Point(actualPos.x-(delta.x==null?0:delta.x), actualPos.y-delta.y);
+                    node.setPosition(newPos, false);
+                    this._addToModifiedList(this._modifiedTopics, node.getId(), actualPos, newPos);
+                    this._updateChildrenBoards(node, delta, this._modifiedTopics);
+                }else{
+                    this._changeChildrenSide(node, pos, this._modifiedTopics);
+                    node.setPosition(pos.clone(), false);
+                    this._addToModifiedList(this._modifiedTopics, node.getId(), nodePos, pos);
+                }
+            }else{
                 //If still in same side
                 if(Math.sign(nodePos.x)==Math.sign(pos.x) || (Math.sign(nodePos.x)!=Math.sign(pos.x) && !this._isCentralTopic(node.getParent()))){
                     var x = nodePos.x - pos.x;
@@ -132,6 +153,7 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
                     parentBoard._updateTable(entryObj.index,  entryObj.table, this._modifiedTopics, true);
 
                 }
+            }
             this._isMovingNode=false;
         }
         event.preventDefault();
@@ -202,7 +224,7 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
     },
     _updateBoard:function(node, modifiedTopics){
         var parent = node;
-        if(!this._isCentralTopic(parent)){
+        if(!this._isCentralTopic(parent) && parent.getParent()!=null){
             var parentBoard = this.getTopicBoardForTopic(parent.getParent());
             var result = parentBoard.findNodeEntryIndex(parent);
             var parentEntry = result.table[result.index];
@@ -278,8 +300,10 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
             this._mouseOverListeners = new Hash();
             this._mouseOutListeners = new Hash();
 
+            if(topic.getParent()!=null){
                 var board = this.getTopicBoardForTopic(topic.getParent());
                 this._currentIndex = board.findNodeEntryIndex(topic).index;
+            }
 
             var topics = this.getDesigner()._getTopics();
             // Disable all mouse events.
@@ -383,12 +407,12 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
         //Check that it has to be relocated
         if(this._createShape !=null){
             if(this._createShape == "Child"){
-                if(node.getParent().getId() == this._targetNode.getId()){
+                if(node.getParent()!=null && node.getParent().getId() == this._targetNode.getId()){
                     var mod = this._modifiedTopics.get(node.getId());
                     if(Math.sign(mod.originalPos.x) == Math.sign(node.getPosition().x))
                         this._createShape = null;
                 }
-            }else if(node.getParent().getId() == this._targetNode.getParent().getId()){
+            }else if(node.getParent()!=null && this._targetNode.getParent()!= null && node.getParent().getId() == this._targetNode.getParent().getId()){
                 var chkboard = this.getTopicBoardForTopic(this._targetNode.getParent());
                 var mod = this._modifiedTopics.get(node.getId());
                 var chk = chkboard.findNodeEntryIndex(node, mod.originalPos);
@@ -447,7 +471,7 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
         pos.y = Math.round(pos.y);
         var nodePos = this.getPosition();
         //if it is on the child half side, or it is central topic add it as child
-        if(layoutManager._isCentralTopic(this) || ((Math.sign(nodePos.x)>0 && pos.x>nodePos.x) || (Math.sign(nodePos.x)<0 && pos.x<nodePos.x))){
+        if(layoutManager._isCentralTopic(this) || this.getParent()==null || ((Math.sign(nodePos.x)>0 && pos.x>nodePos.x) || (Math.sign(nodePos.x)<0 && pos.x<nodePos.x))){
             layoutManager._updateIndicatorShapes(this, mindplot.layoutManagers.FreeMindLayoutManager.RECONNECT_SHAPE_CHILD, pos);
         }else{
             //is a sibling. if mouse in top half sibling goes above this one
@@ -535,6 +559,8 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
         topic.moveToFront();
     },
     _movingNode:function(targetNode, node){
+        var entry;
+        if(node._relationship_oldParent!=null){
             var parentBoard = this.getTopicBoardForTopic(node._relationship_oldParent);
             var entryObj;
             if(this._isCentralTopic(node._relationship_oldParent)){
@@ -543,8 +569,26 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
             }else{
                 entryObj = parentBoard.findNodeEntryIndex(node);
             }
-        var entry = entryObj.table[entryObj.index];
+            entry = entryObj.table[entryObj.index];
             parentBoard._removeEntry(node, entryObj.table, entryObj.index, []);
+        }
+        else{
+            //if is an isolated topic, create entry and update margins.
+            entry = new mindplot.layoutManagers.boards.freeMindBoards.Entry(node, false);
+            var board = this.getTopicBoardForTopic(node);
+            var table = board._getTableForNode(null);
+            if(table.length>0){
+                var firstChild = table[0];
+                var marginTop = entry.getPosition()-(firstChild.getPosition()-firstChild.getTotalMarginTop());
+                board.setNodeChildrenMarginTop(entry,marginTop);
+                var lastChild = table[table.length-1];
+                var marginBottom = (lastChild.getPosition()+lastChild.getTotalMarginBottom())-entry.getPosition();
+                board.setNodeChildrenMarginBottom(entry,marginBottom);
+            } else {
+                board.setNodeChildrenMarginTop(entry, 0);
+                board.setNodeChildrenMarginBottom(entry, 0);
+            }
+        }
         var targetBoard = this.getTopicBoardForTopic(targetNode);
         var table = targetBoard._getTableForNode(node);
         var index;
@@ -613,8 +657,18 @@ mindplot.layoutManagers.FreeMindLayoutManager = mindplot.layoutManagers.BaseLayo
         targetBoard._addEntry(entry, table, index);
         targetBoard._updateTable(index,  table, [], true);
         this._updateBoard(targetNode,[]);
+        if(node._relationship_oldParent!=null)
             this._updateBoard(node._relationship_oldParent,[]);
+
         mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.NodeMouseOutEvent,[node ]);
+    },
+    _addToModifiedList:function(modifiedTopics, key, originalpos, newPos){
+        if(modifiedTopics.set){
+            if(modifiedTopics.hasKey(key)){
+                originalpos = modifiedTopics.get(key).originalPos;
+            }
+            modifiedTopics.set(key,{originalPos:originalpos, newPos:newPos});
+        }
     }
 });
 

mindplot/src/main/javascript/layoutManagers/OriginalLayoutManager.js

@@ -33,11 +33,7 @@ mindplot.layoutManagers.OriginalLayoutManager = mindplot.layoutManagers.BaseLayo
         return result;
     },
     _nodeResizeEvent:function(node){
-        if(this._isCentralTopic(node)){
+
-            var size = node.getSize();
-            if(!this._isCentralTopic(node))
-                this.getTopicBoardForTopic(node).updateChildrenPosition(node,size.height/2, []);
-        }
     },
     _nodeRepositionateEvent:function(node){
         this.getTopicBoardForTopic(node).repositionate();

mindplot/src/main/javascript/layoutManagers/boards/freeMindBoards/Board.js

@@ -15,7 +15,10 @@ mindplot.layoutManagers.boards.freeMindBoards.Board = mindplot.layoutManagers.bo
         core.assert(false, "no Board implementation found!")
     },
     removeTopicFromBoard:function(node, modifiedTopics){
-        var result = this.findNodeEntryIndex(node);
+        var pos;
+        if(node._originalPosition)
+            pos = node._originalPosition;
+        var result = this.findNodeEntryIndex(node, pos);
         core.assert(result.index<result.table.length,"node not found. Could not remove");
         this._removeEntry(node, result.table, result.index, modifiedTopics);
     },
@@ -67,7 +70,7 @@ mindplot.layoutManagers.boards.freeMindBoards.Board = mindplot.layoutManagers.bo
                 nextEntry.setMarginTop((nextEntry.getPosition() - nextEntry.getTotalMarginTop())-pos.y);
             }
             var parent = node.getParent();
-            if(!this._layoutManager._isCentralTopic(parent) && (result.index == 0 || result.index==result.table.length-1)){
+            if(!this._layoutManager._isCentralTopic(parent) && parent.getParent()!=null && (result.index == 0 || result.index==result.table.length-1)){
                 var board = this._layoutManager.getTopicBoardForTopic(parent.getParent());
                 var res2 = board.findNodeEntryIndex(parent);
                 var parentEntry = res2.table[res2.index];

mindplot/src/main/javascript/layoutManagers/boards/freeMindBoards/CentralTopicBoard.js

@@ -11,7 +11,7 @@ mindplot.layoutManagers.boards.freeMindBoards.CentralTopicBoard = mindplot.layou
     _getTableForNode:function(node, altPosition){
         var i = 0;
         var position = node.getPosition();
-        if(typeof altPosition != "undefined")
+        if(typeof altPosition != "undefined" && altPosition!=null)
         {
             position = altPosition;
         }