wisemapping-open-source/mindplot/src/main/javascript/DesignerKeyboard.js

/*
 *    Copyright [2011] [wisemapping]
 *
 *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
 *   It is basically the Apache License, Version 2.0 (the "License") plus the
 *   "powered by wisemapping" text requirement on every single page;
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the license at
 *
 *       http://www.wisemapping.org/license
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */

mindplot.DesignerKeyboard = new Class({
    Extends:Keyboard,
    initialize : function(designer) {
        $assert(designer, "designer can not be null");
        this.parent({defaultEventType: 'keydown'});
        this._registerEvents(designer);
    },

    _registerEvents : function(designer) {
        // Try with the keyboard ..
        this.addEvents({
            'esc' : function(event) {
                var nodes = this.getSelectedNodes();
                for (var i = 0; i < nodes.length; i++) {
                    node = nodes[i];
                    node.setOnFocus(false);
                }
                event.stopPropagation();

            }.bind(designer),

            'backspace':function(event) {
                event.preventDefault();
                event.stopPropagation();
            }.bind(this),

            'space' : function() {
                var nodes = this.getSelectedNodes();
                if (nodes.length > 0) {
                    var topic = nodes[0];

                    var model = topic.getModel();
                    var isShrink = !model.areChildrenShrinked();
                    topic.setChildrenShrinked(isShrink);
                }
            }.bind(this),

            'f2' : function() {
                // @todo:
                console.log("f2 Must be implented");
            }.bind(this),

            'delete' : function() {
                designer.deleteCurrentNode();
            }.bind(this),

            'enter' :
                function() {
                    designer.createSiblingForSelectedNode();
                }.bind(this),

            'insert' : function() {
                designer.createChildForSelectedNode();
            }.bind(this),

            'ctrl+z' : function() {
                designer.undo();
            }.bind(this),

            'meta+z' : function() {
                designer.undo();
            }.bind(this),

            'ctrl+z+shift' :function() {
                designer.redo();
            }.bind(this),

            'meta+z+shift' : function() {
                designer.redo();
            }.bind(this),

            'ctrl+a' : function(event) {
                designer.selectAll();
                event.preventDefault();

            },

            'meta+a' : function(event) {
                designer.selectAll();
                event.preventDefault();
            },

            'right' : function() {
                var nodes = designer.getSelectedNodes();
                if (nodes.length > 0) {
                    var node = nodes[0];
                    if (node.getTopicType() == mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE) {
                        this._goToSideChild(designer, node, 'RIGHT');
                    }
                    else {
                        if (node.getPosition().x < 0) {
                            this._goToParent(designer, node);
                        }
                        else if (!node.areChildrenShrinked()) {
                            this._goToChild(designer, node);
                        }
                    }
                } else {
                    var centralTopic = designer.getCentralTopic();
                    this._goToNode(designer, centralTopic);
                }
            }.bind(this),

            'left' : function() {
                var nodes = designer.getSelectedNodes();
                if (nodes.length > 0) {
                    var node = nodes[0];
                    if (node.getTopicType() == mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE) {
                        this._goToSideChild(designer, node, 'LEFT');
                    }
                    else {
                        if (node.getPosition().x > 0) {
                            this._goToParent(designer, node);
                        }
                        else if (!node.areChildrenShrinked()) {
                            this._goToChild(designer, node);
                        }
                    }
                } else {
                    var centralTopic = designer.getCentralTopic();
                    this._goToNode(designer, centralTopic);
                }
            }.bind(this),

            'up' : function() {
                // @ToDo: Ups, accessing a private method ...
                var nodes = designer.getSelectedNodes();
                if (nodes.length > 0) {
                    var node = nodes[0];
                    if (node.getTopicType() != mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE) {
                        this._goToBrother(designer, node, 'UP');
                    }
                } else {
                    var centralTopic = designer.getCentralTopic();
                    this._goToNode(designer, centralTopic);
                }
            }.bind(this),

            'down' : function() {
                var nodes = designer.getSelectedNodes();
                if (nodes.length > 0) {
                    var node = nodes[0];
                    if (node.getTopicType() != mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE) {
                        this._goToBrother(designer, node, 'DOWN');
                    }
                } else {
                    var centralTopic = designer.getCentralTopic();
                    this._goToNode(designer, centralTopic);
                }
            }.bind(this)

        });
    },

    _goToBrother : function(designer, node, direction) {
        var brothers = node._parent._getChildren();
        var target = node;
        var y = node.getPosition().y;
        var x = node.getPosition().x;
        var dist = null;
        for (var i = 0; i < brothers.length; i++) {
            var sameSide = (x * brothers[i].getPosition().x) >= 0;
            if (brothers[i] != node && sameSide) {
                var brother = brothers[i];
                var brotherY = brother.getPosition().y;
                if (direction == "DOWN" && brotherY > y) {
                    var distancia = y - brotherY;
                    if (distancia < 0) {
                        distancia = distancia * (-1);
                    }
                    if (dist == null || dist > distancia) {
                        dist = distancia;
                        target = brothers[i];
                    }
                }
                else if (direction == "UP" && brotherY < y) {
                    var distance = y - brotherY;
                    if (distance < 0) {
                        distance = distance * (-1);
                    }
                    if (dist == null || dist > distance) {
                        dist = distance;
                        target = brothers[i];
                    }
                }
            }
        }
        this._goToNode(designer, target);
    },


    _goToSideChild : function(designer, node, side) {
        var children = node._getChildren();
        if (children.length > 0) {
            var target = children[0];
            var top = null;
            for (var i = 0; i < children.length; i++) {
                var child = children[i];
                var childY = child.getPosition().y;
                if (side == 'LEFT' && child.getPosition().x < 0) {
                    if (top == null || childY < top) {
                        target = child;
                        top = childY;
                    }
                }
                if (side == 'RIGHT' && child.getPosition().x > 0) {
                    if (top == null || childY < top) {
                        target = child;
                        top = childY;
                    }
                }
            }

            this._goToNode(designer, target);
        }
    },

    _goToParent : function(designer, node) {
        var parent = node._parent;
        this._goToNode(designer,parent);
    },

    _goToChild : function(designer, node) {
        var children = node._getChildren();
        if (children.length > 0) {
            var target = children[0];
            var top = target.getPosition().y;
            for (var i = 0; i < children.length; i++) {
                var child = children[i];
                if (child.getPosition().y < top) {
                    top = child.getPosition().y;
                    target = child;
                }
            }
            this._goToNode(designer,target);
        }
    },

    _goToNode : function(designer, node) {
        // First deselect all the nodes ...
        designer.deselectAll();

        // Give focus to the selected node....
        node.setOnFocus(true);
    }


});