2011-01-24 00:34:05 +01:00
|
|
|
/*
|
2011-07-27 13:25:10 +02:00
|
|
|
* 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.DragPivot = new Class({
|
|
|
|
initialize:function() {
|
|
|
|
this._position = new core.Point();
|
|
|
|
this._size = mindplot.DragTopic.PIVOT_SIZE;
|
|
|
|
this._line = null;
|
|
|
|
|
|
|
|
this._straightLine = this._buildStraightLine();
|
|
|
|
this._curvedLine = this._buildCurvedLine();
|
|
|
|
this._dragPivot = this._buildRect();
|
|
|
|
this._connectRect = this._buildRect();
|
|
|
|
this._targetTopic = null;
|
|
|
|
},
|
|
|
|
|
|
|
|
getTargetTopic : function() {
|
|
|
|
return this._targetTopic;
|
|
|
|
},
|
|
|
|
|
|
|
|
_buildStraightLine : function() {
|
|
|
|
var line = new web2d.CurvedLine();
|
|
|
|
line.setStyle(web2d.CurvedLine.SIMPLE_LINE);
|
|
|
|
line.setStroke(1, 'solid', '#CC0033');
|
|
|
|
line.setOpacity(0.4);
|
|
|
|
line.setVisibility(false);
|
|
|
|
return line;
|
|
|
|
},
|
|
|
|
|
|
|
|
_buildCurvedLine : function() {
|
|
|
|
var line = new web2d.CurvedLine();
|
|
|
|
line.setStyle(web2d.CurvedLine.SIMPLE_LINE);
|
|
|
|
line.setStroke(1, 'solid', '#CC0033');
|
|
|
|
line.setOpacity(0.4);
|
|
|
|
line.setVisibility(false);
|
|
|
|
return line;
|
|
|
|
},
|
|
|
|
|
|
|
|
_redraw : function(pivotPosition) {
|
|
|
|
// Update line position.
|
2011-07-27 19:33:02 +02:00
|
|
|
$assert(this.getTargetTopic(), 'Illegal invocation. Target node can not be null');
|
2011-07-27 13:25:10 +02:00
|
|
|
|
|
|
|
var pivotRect = this._getPivotRect();
|
|
|
|
var currentPivotPosition = pivotRect.getPosition();
|
|
|
|
|
|
|
|
// Pivot position has not changed. In this case, position change is not required.
|
|
|
|
var targetTopic = this.getTargetTopic();
|
|
|
|
if (currentPivotPosition.x != pivotPosition.x || currentPivotPosition.y != pivotPosition.y) {
|
|
|
|
var position = this._position;
|
|
|
|
var fromPoint = targetTopic.workoutIncomingConnectionPoint(position);
|
|
|
|
|
|
|
|
// Calculate pivot connection point ...
|
|
|
|
var size = this._size;
|
|
|
|
var targetPosition = targetTopic.getPosition();
|
|
|
|
var line = this._line;
|
|
|
|
|
|
|
|
// Update Line position.
|
|
|
|
var isAtRight = mindplot.util.Shape.isAtRight(targetPosition, position);
|
|
|
|
var pivotPoint = mindplot.util.Shape.calculateRectConnectionPoint(position, size, isAtRight);
|
|
|
|
line.setFrom(pivotPoint.x, pivotPoint.y);
|
|
|
|
|
|
|
|
// Update rect position
|
|
|
|
pivotRect.setPosition(pivotPosition.x, pivotPosition.y);
|
|
|
|
|
|
|
|
// Display elements if it's required...
|
|
|
|
if (!pivotRect.isVisible()) {
|
|
|
|
// Make line visible only when the position has been already changed.
|
|
|
|
// This solve several strange effects ;)
|
|
|
|
var targetPoint = targetTopic.workoutIncomingConnectionPoint(pivotPoint);
|
|
|
|
line.setTo(targetPoint.x, targetPoint.y);
|
|
|
|
|
|
|
|
this.setVisibility(true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
setPosition : function(point) {
|
|
|
|
this._position = point;
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
// Update visual position.
|
|
|
|
var size = this.getSize();
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
var cx = point.x - (parseInt(size.width) / 2);
|
|
|
|
var cy = point.y - (parseInt(size.height) / 2);
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
// Update line ...
|
|
|
|
if (this.getTargetTopic()) {
|
|
|
|
var pivotPosition = {x:cx,y:cy};
|
|
|
|
this._redraw(pivotPosition);
|
2009-06-07 20:59:43 +02:00
|
|
|
}
|
2011-07-27 13:25:10 +02:00
|
|
|
},
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
getPosition : function() {
|
|
|
|
return this._position;
|
|
|
|
},
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
_buildRect : function() {
|
|
|
|
var size = this._size;
|
|
|
|
var rectAttributes = {fillColor:'#CC0033',opacity:0.4,width:size.width,height:size.height,strokeColor:'#FF9933'};
|
|
|
|
var rect = new web2d.Rect(0, rectAttributes);
|
|
|
|
rect.setVisibility(false);
|
|
|
|
return rect;
|
|
|
|
},
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
_buildConnectRect : function() {
|
|
|
|
var size = this._size;
|
|
|
|
var rectAttributes = {fillColor:'#CC0033',opacity:0.4,width:size.width,height:size.height,strokeColor:'#FF9933'};
|
|
|
|
var result = new web2d.Rect(0, rectAttributes);
|
|
|
|
return result;
|
|
|
|
},
|
|
|
|
|
|
|
|
_getPivotRect : function() {
|
|
|
|
return this._dragPivot;
|
|
|
|
},
|
|
|
|
|
|
|
|
getSize : function() {
|
|
|
|
var elem2d = this._getPivotRect();
|
|
|
|
return elem2d.getSize();
|
|
|
|
},
|
|
|
|
|
|
|
|
setVisibility : function(value) {
|
|
|
|
var pivotRect = this._getPivotRect();
|
|
|
|
pivotRect.setVisibility(value);
|
|
|
|
|
|
|
|
var connectRect = this._connectRect;
|
|
|
|
connectRect.setVisibility(value);
|
2011-07-27 18:44:09 +02:00
|
|
|
if ($defined(this._line)) {
|
2011-07-27 13:25:10 +02:00
|
|
|
this._line.setVisibility(value);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
addToWorkspace : function(workspace) {
|
|
|
|
var pivotRect = this._getPivotRect();
|
|
|
|
workspace.appendChild(pivotRect);
|
|
|
|
|
|
|
|
var connectToRect = this._connectRect;
|
|
|
|
workspace.appendChild(connectToRect);
|
|
|
|
|
|
|
|
// Add a hidden straight line ...
|
|
|
|
var straighLine = this._straightLine;
|
|
|
|
straighLine.setVisibility(false);
|
|
|
|
workspace.appendChild(straighLine);
|
|
|
|
straighLine.moveToBack();
|
|
|
|
|
|
|
|
// Add a hidden curved line ...
|
|
|
|
var curvedLine = this._curvedLine;
|
|
|
|
curvedLine.setVisibility(false);
|
|
|
|
workspace.appendChild(curvedLine);
|
|
|
|
curvedLine.moveToBack();
|
|
|
|
|
|
|
|
// Add a connect rect ...
|
|
|
|
var connectRect = this._connectRect;
|
|
|
|
connectRect.setVisibility(false);
|
|
|
|
workspace.appendChild(connectRect);
|
|
|
|
connectRect.moveToBack();
|
|
|
|
},
|
|
|
|
|
|
|
|
removeFromWorkspace : function(workspace) {
|
|
|
|
var shape = this._getPivotRect();
|
|
|
|
workspace.removeChild(shape);
|
|
|
|
|
|
|
|
var connectToRect = this._connectRect;
|
|
|
|
workspace.removeChild(connectToRect);
|
|
|
|
|
2011-07-27 18:44:09 +02:00
|
|
|
if ($defined(this._straightLine)) {
|
2011-07-27 13:25:10 +02:00
|
|
|
workspace.removeChild(this._straightLine);
|
|
|
|
}
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 18:44:09 +02:00
|
|
|
if ($defined(this._curvedLine)) {
|
2011-07-27 13:25:10 +02:00
|
|
|
workspace.removeChild(this._curvedLine);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
connectTo : function(targetTopic) {
|
2011-07-27 19:33:02 +02:00
|
|
|
$assert(!this._outgoingLine, 'Could not connect an already connected node');
|
|
|
|
$assert(targetTopic != this, 'Cilcular connection are not allowed');
|
|
|
|
$assert(targetTopic, 'parent can not be null');
|
2011-07-27 13:25:10 +02:00
|
|
|
|
|
|
|
this._targetTopic = targetTopic;
|
2011-09-08 15:03:42 +02:00
|
|
|
if (targetTopic.getType() == mindplot.model.INodeModel.CENTRAL_TOPIC_TYPE) {
|
2011-07-27 13:25:10 +02:00
|
|
|
this._line = this._straightLine;
|
|
|
|
} else {
|
|
|
|
this._line = this._curvedLine;
|
|
|
|
}
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
// Connected to Rect ...
|
|
|
|
var connectRect = this._connectRect;
|
|
|
|
var targetSize = targetTopic.getSize();
|
2011-08-05 06:34:51 +02:00
|
|
|
|
|
|
|
// Add 4 pixel in order to keep create a rect bigger than the topic.
|
|
|
|
var width = targetSize.width + 4;
|
|
|
|
var height = targetSize.height + 4;
|
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
connectRect.setSize(width, height);
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
var targetPosition = targetTopic.getPosition();
|
|
|
|
var cx = Math.ceil(targetPosition.x - (width / 2));
|
|
|
|
var cy = Math.ceil(targetPosition.y - (height / 2));
|
|
|
|
connectRect.setPosition(cx, cy);
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
// Change elements position ...
|
|
|
|
var pivotRect = this._getPivotRect();
|
|
|
|
pivotRect.moveToFront();
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
},
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
disconnect : function(workspace) {
|
2011-07-27 19:33:02 +02:00
|
|
|
$assert(workspace, 'workspace can not be null.');
|
|
|
|
$assert(this._targetTopic, 'There are not connected topic.');
|
2009-06-07 20:59:43 +02:00
|
|
|
|
2011-07-27 13:25:10 +02:00
|
|
|
this.setVisibility(false);
|
|
|
|
this._targetTopic = null;
|
|
|
|
this._line = null;
|
|
|
|
}
|
|
|
|
});
|