wisemapping-open-source/mindplot/src/main/javascript/ControlPoint.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.ControlPoint = new Class({
    initialize:function() {
        var control1 = new web2d.Elipse({width:6, height:6, stroke:'1 solid #6589de',fillColor:'gray', visibility:false});
        control1.setCursor('pointer');

        var control2 = new web2d.Elipse({width:6, height:6, stroke:'1 solid #6589de',fillColor:'gray', visibility:false});
        control2.setCursor('pointer');

        this._controlPointsController = [control1,control2];
        this._controlLines = [new web2d.Line({strokeColor:"#6589de", strokeWidth:1, opacity:0.3}),
            new web2d.Line({strokeColor:"#6589de", strokeWidth:1, opacity:0.3})];

        this._isBinded = false;
        this._controlPointsController[0].addEvent('mousedown', this._mouseDown.bindWithEvent(this, mindplot.ControlPoint.FROM));
        this._controlPointsController[0].addEvent('click', this._mouseClick.bindWithEvent(this));
        this._controlPointsController[0].addEvent('dblclick', this._mouseClick.bindWithEvent(this));
        this._controlPointsController[1].addEvent('mousedown', this._mouseDown.bindWithEvent(this, mindplot.ControlPoint.TO));
        this._controlPointsController[1].addEvent('click', this._mouseClick.bindWithEvent(this));
        this._controlPointsController[1].addEvent('dblclick', this._mouseClick.bindWithEvent(this));
    },


    setSide  : function(side) {
        this._side = side;
    },

    setLine  : function(line) {
        if ($defined(this._line)) {
            this._removeLine();
        }
        this._line = line;
        this._createControlPoint();
        this._endPoint = [];
        this._orignalCtrlPoint = [];
        this._orignalCtrlPoint[0] = this._controls[0].clone();
        this._orignalCtrlPoint[1] = this._controls[1].clone();
        this._endPoint[0] = this._line.getLine().getFrom().clone();
        this._endPoint[1] = this._line.getLine().getTo().clone();
    },

    redraw  : function() {
        if ($defined(this._line))
            this._createControlPoint();
    },

    _createControlPoint  : function() {
        this._controls = this._line.getLine().getControlPoints();
        var pos = this._line.getLine().getFrom();
        this._controlPointsController[0].setPosition(this._controls[mindplot.ControlPoint.FROM].x + pos.x, this._controls[mindplot.ControlPoint.FROM].y + pos.y - 3);
        this._controlLines[0].setFrom(pos.x, pos.y);
        this._controlLines[0].setTo(this._controls[mindplot.ControlPoint.FROM].x + pos.x + 3, this._controls[mindplot.ControlPoint.FROM].y + pos.y);
        pos = this._line.getLine().getTo();
        this._controlLines[1].setFrom(pos.x, pos.y);
        this._controlLines[1].setTo(this._controls[mindplot.ControlPoint.TO].x + pos.x + 3, this._controls[mindplot.ControlPoint.TO].y + pos.y);
        this._controlPointsController[1].setPosition(this._controls[mindplot.ControlPoint.TO].x + pos.x, this._controls[mindplot.ControlPoint.TO].y + pos.y - 3);

    },

    _removeLine  : function() {

    },

    _mouseDown  : function(event, point) {
        if (!this._isBinded) {
            this._isBinded = true;
            this._mouseMoveFunction = this._mouseMoveEvent.bindWithEvent(this, point);
            this._workspace.getScreenManager().addEvent('mousemove', this._mouseMoveFunction);
            this._mouseUpFunction = this._mouseUp.bindWithEvent(this, point);
            this._workspace.getScreenManager().addEvent('mouseup', this._mouseUpFunction);
        }
        event.preventDefault();
        event.stop();
        return false;
    },

    _mouseMoveEvent  : function(event, point) {
        var screen = this._workspace.getScreenManager();
        var pos = screen.getWorkspaceMousePosition(event);
        var topic = null;
        if (point == 0) {
            var cords = core.Utils.calculateRelationShipPointCoordinates(this._line.getSourceTopic(), pos);
            this._line.setFrom(cords.x, cords.y);
            this._line.setSrcControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y));
        } else {
            var cords = core.Utils.calculateRelationShipPointCoordinates(this._line.getTargetTopic(), pos);
            this._line.setTo(cords.x, cords.y);
            this._line.setDestControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y));
        }
        this._controls[point].x = (pos.x - cords.x);
        this._controls[point].y = (pos.y - cords.y);
        this._controlPointsController[point].setPosition(pos.x - 5, pos.y - 3);
        this._controlLines[point].setFrom(cords.x, cords.y);
        this._controlLines[point].setTo(pos.x - 2, pos.y);
        this._line.getLine().updateLine(point);

    },

    _mouseUp  : function(event, point) {
        this._workspace.getScreenManager().removeEvent('mousemove', this._mouseMoveFunction);
        this._workspace.getScreenManager().removeEvent('mouseup', this._mouseUpFunction);

        var actionDispatcher = mindplot.ActionDispatcher.getInstance();
        actionDispatcher.moveControlPoint(this, point);

        this._isBinded = false;
        /*event.preventDefault();
         event.stop();
         return false;*/
    },

    _mouseClick  : function(event) {
        event.preventDefault();
        event.stop();
        return false;
    },

    setVisibility  : function(visible) {
        if (visible) {
            this._controlLines[0].moveToFront();
            this._controlLines[1].moveToFront();
            this._controlPointsController[0].moveToFront();
            this._controlPointsController[1].moveToFront();
        }
        this._controlPointsController[0].setVisibility(visible);
        this._controlPointsController[1].setVisibility(visible);
        this._controlLines[0].setVisibility(visible);
        this._controlLines[1].setVisibility(visible);
    },

    addToWorkspace  : function(workspace) {
        this._workspace = workspace;
        workspace.appendChild(this._controlPointsController[0]);
        workspace.appendChild(this._controlPointsController[1]);
        workspace.appendChild(this._controlLines[0]);
        workspace.appendChild(this._controlLines[1]);
    },

    removeFromWorkspace  : function(workspace) {
        this._workspace = null;
        workspace.removeChild(this._controlPointsController[0]);
        workspace.removeChild(this._controlPointsController[1]);
        workspace.removeChild(this._controlLines[0]);
        workspace.removeChild(this._controlLines[1]);
    },

    getControlPoint  : function(index) {
        return this._controls[index];
    },

    getOriginalEndPoint  : function(index) {
        return this._endPoint[index];
    },

    getOriginalCtrlPoint  : function(index) {
        return this._orignalCtrlPoint[index];
    }
});

mindplot.ControlPoint.FROM = 0;
mindplot.ControlPoint.TO = 1;