mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-09-17 17:50:07 +02:00
Migration completed.
This commit is contained in:
Paulo Veiga
parent
899bf85545
commit
361892e004
@ -1,122 +1,106 @@
|
|||||||
/*
|
/*
|
||||||
* Copyright [2011] [wisemapping]
|
* Copyright [2011] [wisemapping]
|
||||||
*
|
*
|
||||||
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
||||||
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
||||||
* "powered by wisemapping" text requirement on every single page;
|
* "powered by wisemapping" text requirement on every single page;
|
||||||
* you may not use this file except in compliance with the License.
|
* you may not use this file except in compliance with the License.
|
||||||
* You may obtain a copy of the license at
|
* You may obtain a copy of the license at
|
||||||
*
|
*
|
||||||
* http://www.wisemapping.org/license
|
* http://www.wisemapping.org/license
|
||||||
*
|
*
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
mindplot.CentralTopic = function(model)
|
mindplot.CentralTopic = new Class({
|
||||||
{
|
|
||||||
$assert(model, "Model can not be null");
|
|
||||||
this.setModel(model);
|
|
||||||
mindplot.CentralTopic.superClass.initialize.call(this);
|
|
||||||
this.__onLoad = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
objects.extend(mindplot.CentralTopic, mindplot.Topic);
|
Extends:mindplot.Topic,
|
||||||
|
initialize: function(model) {
|
||||||
|
this.parent(model);
|
||||||
|
},
|
||||||
|
|
||||||
|
workoutIncomingConnectionPoint : function(sourcePosition) {
|
||||||
|
return this.getPosition();
|
||||||
|
},
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.workoutIncomingConnectionPoint = function(sourcePosition)
|
getTopicType : function() {
|
||||||
{
|
return mindplot.NodeModel.CENTRAL_TOPIC_TYPE;
|
||||||
return this.getPosition();
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.getTopicType = function()
|
setCursor : function(type) {
|
||||||
{
|
type = (type == 'move') ? 'default' : type;
|
||||||
return mindplot.NodeModel.CENTRAL_TOPIC_TYPE;
|
mindplot.Topic.prototype.setCursor.call(this, type);
|
||||||
};
|
},
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.setCursor = function(type)
|
isConnectedToCentralTopic : function() {
|
||||||
{
|
return false;
|
||||||
type = (type == 'move') ? 'default' : type;
|
},
|
||||||
mindplot.CentralTopic.superClass.setCursor.call(this, type);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.isConnectedToCentralTopic = function()
|
createChildModel : function(prepositionate) {
|
||||||
{
|
// Create a new node ...
|
||||||
return false;
|
var model = this.getModel();
|
||||||
};
|
var mindmap = model.getMindmap();
|
||||||
|
var childModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.createChildModel = function(prepositionate)
|
if (prepositionate) {
|
||||||
{
|
if (!$defined(this.___siblingDirection)) {
|
||||||
// Create a new node ...
|
this.___siblingDirection = 1;
|
||||||
var model = this.getModel();
|
}
|
||||||
var mindmap = model.getMindmap();
|
|
||||||
var childModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
|
||||||
|
|
||||||
if(prepositionate){
|
// Position following taking into account this internal flag ...
|
||||||
if (!$defined(this.___siblingDirection))
|
if (this.___siblingDirection == 1) {
|
||||||
{
|
|
||||||
this.___siblingDirection = 1;
|
childModel.setPosition(150, 0);
|
||||||
|
} else {
|
||||||
|
childModel.setPosition(-150, 0);
|
||||||
|
}
|
||||||
|
this.___siblingDirection = -this.___siblingDirection;
|
||||||
}
|
}
|
||||||
|
// Create a new node ...
|
||||||
|
childModel.setOrder(0);
|
||||||
|
|
||||||
// Position following taking into account this internal flag ...
|
return childModel;
|
||||||
if (this.___siblingDirection == 1)
|
},
|
||||||
{
|
|
||||||
|
|
||||||
childModel.setPosition(150, 0);
|
_defaultShapeType : function() {
|
||||||
} else
|
return mindplot.NodeModel.SHAPE_TYPE_ROUNDED_RECT;
|
||||||
{
|
},
|
||||||
childModel.setPosition(-150, 0);
|
|
||||||
}
|
|
||||||
this.___siblingDirection = -this.___siblingDirection;
|
updateTopicShape : function() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
_updatePositionOnChangeSize : function(oldSize, newSize, updatePosition) {
|
||||||
|
|
||||||
|
// Center main topic ...
|
||||||
|
var zeroPoint = new core.Point(0, 0);
|
||||||
|
this.setPosition(zeroPoint);
|
||||||
|
},
|
||||||
|
|
||||||
|
_defaultText : function() {
|
||||||
|
return "Central Topic";
|
||||||
|
},
|
||||||
|
|
||||||
|
_defaultBackgroundColor : function() {
|
||||||
|
return "#f7f7f7";
|
||||||
|
},
|
||||||
|
|
||||||
|
_defaultBorderColor : function() {
|
||||||
|
return "#023BB9";
|
||||||
|
},
|
||||||
|
|
||||||
|
_defaultFontStyle : function() {
|
||||||
|
return {
|
||||||
|
font:"Verdana",
|
||||||
|
size: 10,
|
||||||
|
style:"normal",
|
||||||
|
weight:"bold",
|
||||||
|
color:"#023BB9"
|
||||||
|
};
|
||||||
}
|
}
|
||||||
// Create a new node ...
|
});
|
||||||
childModel.setOrder(0);
|
|
||||||
|
|
||||||
return childModel;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype._defaultShapeType = function()
|
|
||||||
{
|
|
||||||
return mindplot.NodeModel.SHAPE_TYPE_ROUNDED_RECT;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype.updateTopicShape = function()
|
|
||||||
{
|
|
||||||
|
|
||||||
};
|
|
||||||
mindplot.CentralTopic.prototype._updatePositionOnChangeSize = function(oldSize, newSize, updatePosition) {
|
|
||||||
|
|
||||||
// Center main topic ...
|
|
||||||
var zeroPoint = new core.Point(0, 0);
|
|
||||||
this.setPosition(zeroPoint);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype._defaultText = function()
|
|
||||||
{
|
|
||||||
return "Central Topic";
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype._defaultBackgroundColor = function()
|
|
||||||
{
|
|
||||||
return "#f7f7f7";
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype._defaultBorderColor = function()
|
|
||||||
{
|
|
||||||
return "#023BB9";
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.CentralTopic.prototype._defaultFontStyle = function()
|
|
||||||
{
|
|
||||||
return {
|
|
||||||
font:"Verdana",
|
|
||||||
size: 10,
|
|
||||||
style:"normal",
|
|
||||||
weight:"bold",
|
|
||||||
color:"#023BB9"
|
|
||||||
};
|
|
||||||
};
|
|
||||||
@ -1,348 +1,304 @@
|
|||||||
/*
|
/*
|
||||||
* Copyright [2011] [wisemapping]
|
* Copyright [2011] [wisemapping]
|
||||||
*
|
*
|
||||||
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
||||||
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
||||||
* "powered by wisemapping" text requirement on every single page;
|
* "powered by wisemapping" text requirement on every single page;
|
||||||
* you may not use this file except in compliance with the License.
|
* you may not use this file except in compliance with the License.
|
||||||
* You may obtain a copy of the license at
|
* You may obtain a copy of the license at
|
||||||
*
|
*
|
||||||
* http://www.wisemapping.org/license
|
* http://www.wisemapping.org/license
|
||||||
*
|
*
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
mindplot.MainTopic = function(model)
|
mindplot.MainTopic = new Class({
|
||||||
{
|
Extends: mindplot.Topic,
|
||||||
$assert(model, "Model can not be null");
|
initialize : function(model) {
|
||||||
this.setModel(model);
|
this.parent(model);
|
||||||
mindplot.MainTopic.superClass.initialize.call(this);
|
},
|
||||||
};
|
|
||||||
|
|
||||||
objects.extend(mindplot.MainTopic, mindplot.Topic);
|
INNER_RECT_ATTRIBUTES : {stroke:'0.5 solid #009900'},
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.INNER_RECT_ATTRIBUTES = {stroke:'0.5 solid #009900'};
|
createSiblingModel : function(positionate) {
|
||||||
|
var siblingModel = null;
|
||||||
|
var parentTopic = this.getOutgoingConnectedTopic();
|
||||||
|
if (parentTopic != null) {
|
||||||
|
// Create a new node ...
|
||||||
|
var model = this.getModel();
|
||||||
|
var mindmap = model.getMindmap();
|
||||||
|
siblingModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.createSiblingModel = function(positionate)
|
// Positionate following taking into account the sibling positon.
|
||||||
{
|
if (positionate && parentTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE) {
|
||||||
var siblingModel = null;
|
var pos = this.getPosition();
|
||||||
var parentTopic = this.getOutgoingConnectedTopic();
|
siblingModel.setPosition(pos.x, pos.y);
|
||||||
if (parentTopic != null)
|
}
|
||||||
{
|
|
||||||
|
// Create a new node ...
|
||||||
|
var order = this.getOrder() + 1;
|
||||||
|
siblingModel.setOrder(order);
|
||||||
|
}
|
||||||
|
return siblingModel;
|
||||||
|
},
|
||||||
|
|
||||||
|
createChildModel : function(prepositionate) {
|
||||||
// Create a new node ...
|
// Create a new node ...
|
||||||
var model = this.getModel();
|
var model = this.getModel();
|
||||||
var mindmap = model.getMindmap();
|
var mindmap = model.getMindmap();
|
||||||
siblingModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
var childModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
||||||
|
|
||||||
// Positionate following taking into account the sibling positon.
|
// Get the hights model order position ...
|
||||||
if (positionate && parentTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE)
|
var children = this._getChildren();
|
||||||
{
|
var order = -1;
|
||||||
var pos = this.getPosition();
|
for (var i = 0; i < children.length; i++) {
|
||||||
siblingModel.setPosition(pos.x, pos.y);
|
var child = children[i];
|
||||||
}
|
if (child.getOrder() > order) {
|
||||||
|
order = child.getOrder();
|
||||||
// Create a new node ...
|
|
||||||
var order = this.getOrder() + 1;
|
|
||||||
siblingModel.setOrder(order);
|
|
||||||
}
|
|
||||||
return siblingModel;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.createChildModel = function(prepositionate)
|
|
||||||
{
|
|
||||||
// Create a new node ...
|
|
||||||
var model = this.getModel();
|
|
||||||
var mindmap = model.getMindmap();
|
|
||||||
var childModel = mindmap.createNode(mindplot.NodeModel.MAIN_TOPIC_TYPE);
|
|
||||||
|
|
||||||
// Get the hights model order position ...
|
|
||||||
var children = this._getChildren();
|
|
||||||
var order = -1;
|
|
||||||
for (var i = 0; i < children.length; i++)
|
|
||||||
{
|
|
||||||
var child = children[i];
|
|
||||||
if (child.getOrder() > order)
|
|
||||||
{
|
|
||||||
order = child.getOrder();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Create a new node ...
|
|
||||||
childModel.setOrder(order + 1);
|
|
||||||
return childModel;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._buildDragShape = function()
|
|
||||||
{
|
|
||||||
var innerShape = this.buildShape(this.INNER_RECT_ATTRIBUTES);
|
|
||||||
var size = this.getSize();
|
|
||||||
innerShape.setSize(size.width, size.height);
|
|
||||||
innerShape.setPosition(0, 0);
|
|
||||||
innerShape.setOpacity(0.5);
|
|
||||||
innerShape.setCursor('default');
|
|
||||||
innerShape.setVisibility(true);
|
|
||||||
|
|
||||||
var brColor = this.getBorderColor();
|
|
||||||
innerShape.setAttribute("strokeColor", brColor);
|
|
||||||
|
|
||||||
var bgColor = this.getBackgroundColor();
|
|
||||||
innerShape.setAttribute("fillColor", bgColor);
|
|
||||||
|
|
||||||
// Create group ...
|
|
||||||
var groupAttributes = {width: 100, height:100,coordSizeWidth:100,coordSizeHeight:100};
|
|
||||||
var group = new web2d.Group(groupAttributes);
|
|
||||||
group.appendChild(innerShape);
|
|
||||||
|
|
||||||
// Add Text ...
|
|
||||||
var textShape = this._buildTextShape(true);
|
|
||||||
var text = this.getText();
|
|
||||||
textShape.setText(text);
|
|
||||||
textShape.setOpacity(0.5);
|
|
||||||
group.appendChild(textShape);
|
|
||||||
|
|
||||||
return group;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._defaultShapeType = function()
|
|
||||||
{
|
|
||||||
return mindplot.NodeModel.SHAPE_TYPE_LINE;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.updateTopicShape = function(targetTopic, workspace)
|
|
||||||
{
|
|
||||||
// Change figure based on the connected topic ...
|
|
||||||
var model = this.getModel();
|
|
||||||
var shapeType = model.getShapeType();
|
|
||||||
if (targetTopic.getType() != mindplot.NodeModel.CENTRAL_TOPIC_TYPE)
|
|
||||||
{
|
|
||||||
if (!$defined(shapeType))
|
|
||||||
{
|
|
||||||
// Get the real shape type ...
|
|
||||||
shapeType = this.getShapeType();
|
|
||||||
this._setShapeType(shapeType, false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._helpers.forEach(function(helper){
|
|
||||||
helper.moveToFront();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.disconnect = function(workspace)
|
|
||||||
{
|
|
||||||
mindplot.MainTopic.superClass.disconnect.call(this, workspace);
|
|
||||||
var size = this.getSize();
|
|
||||||
|
|
||||||
var model = this.getModel();
|
|
||||||
var shapeType = model.getShapeType();
|
|
||||||
if (!$defined(shapeType))
|
|
||||||
{
|
|
||||||
// Change figure ...
|
|
||||||
shapeType = this.getShapeType();
|
|
||||||
this._setShapeType(mindplot.NodeModel.SHAPE_TYPE_ROUNDED_RECT, false);
|
|
||||||
}
|
|
||||||
var innerShape = this.getInnerShape();
|
|
||||||
innerShape.setVisibility(true);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.getTopicType = function()
|
|
||||||
{
|
|
||||||
return "MainTopic";
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._updatePositionOnChangeSize = function(oldSize, newSize, updatePosition) {
|
|
||||||
|
|
||||||
if(updatePosition==false && this.getModel().getFinalPosition()){
|
|
||||||
this.setPosition(this.getModel().getFinalPosition(), false);
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
var xOffset = Math.round((newSize.width - oldSize.width) / 2);
|
|
||||||
var pos = this.getPosition();
|
|
||||||
if ($defined(pos))
|
|
||||||
{
|
|
||||||
if (pos.x > 0)
|
|
||||||
{
|
|
||||||
pos.x = pos.x + xOffset;
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
pos.x = pos.x - xOffset;
|
|
||||||
}
|
}
|
||||||
this.setPosition(pos);
|
|
||||||
}
|
}
|
||||||
}
|
// Create a new node ...
|
||||||
};
|
childModel.setOrder(order + 1);
|
||||||
|
return childModel;
|
||||||
|
},
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.setPosition = function(point, fireEvent)
|
|
||||||
{
|
|
||||||
mindplot.MainTopic.superClass.setPosition.call(this, point);
|
|
||||||
|
|
||||||
// Update board zero entry position...
|
_buildDragShape : function() {
|
||||||
if(fireEvent != false)
|
var innerShape = this.buildShape(this.INNER_RECT_ATTRIBUTES);
|
||||||
mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.NodeMoveEvent,[this]);
|
var size = this.getSize();
|
||||||
};
|
innerShape.setSize(size.width, size.height);
|
||||||
|
innerShape.setPosition(0, 0);
|
||||||
|
innerShape.setOpacity(0.5);
|
||||||
|
innerShape.setCursor('default');
|
||||||
|
innerShape.setVisibility(true);
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.workoutIncomingConnectionPoint = function(sourcePosition)
|
var brColor = this.getBorderColor();
|
||||||
{
|
innerShape.setAttribute("strokeColor", brColor);
|
||||||
$assert(sourcePosition, 'sourcePoint can not be null');
|
|
||||||
var pos = this.getPosition();
|
|
||||||
var size = this.getSize();
|
|
||||||
|
|
||||||
var isAtRight = mindplot.util.Shape.isAtRight(sourcePosition, pos);
|
var bgColor = this.getBackgroundColor();
|
||||||
var result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight);
|
innerShape.setAttribute("fillColor", bgColor);
|
||||||
if (this.getShapeType() == mindplot.NodeModel.SHAPE_TYPE_LINE)
|
|
||||||
{
|
|
||||||
result.y = result.y + (this.getSize().height / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Move a little the position...
|
// Create group ...
|
||||||
var offset = mindplot.Topic.CONNECTOR_WIDTH / 2;
|
var groupAttributes = {width: 100, height:100,coordSizeWidth:100,coordSizeHeight:100};
|
||||||
if (this.getPosition().x > 0)
|
var group = new web2d.Group(groupAttributes);
|
||||||
{
|
group.appendChild(innerShape);
|
||||||
result.x = result.x + offset;
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
result.x = result.x - offset;
|
|
||||||
}
|
|
||||||
|
|
||||||
result.x = Math.ceil(result.x);
|
// Add Text ...
|
||||||
result.y = Math.ceil(result.y);
|
var textShape = this._buildTextShape(true);
|
||||||
return result;
|
var text = this.getText();
|
||||||
|
textShape.setText(text);
|
||||||
|
textShape.setOpacity(0.5);
|
||||||
|
group.appendChild(textShape);
|
||||||
|
|
||||||
};
|
return group;
|
||||||
|
},
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.workoutOutgoingConnectionPoint = function(targetPosition)
|
|
||||||
{
|
|
||||||
$assert(targetPosition, 'targetPoint can not be null');
|
|
||||||
var pos = this.getPosition();
|
|
||||||
var size = this.getSize();
|
|
||||||
|
|
||||||
var isAtRight = mindplot.util.Shape.isAtRight(targetPosition, pos);
|
_defaultShapeType : function() {
|
||||||
var result;
|
return mindplot.NodeModel.SHAPE_TYPE_LINE;
|
||||||
if (this.getShapeType() == mindplot.NodeModel.SHAPE_TYPE_LINE)
|
},
|
||||||
{
|
|
||||||
|
updateTopicShape : function(targetTopic, workspace) {
|
||||||
|
// Change figure based on the connected topic ...
|
||||||
|
var model = this.getModel();
|
||||||
|
var shapeType = model.getShapeType();
|
||||||
|
if (targetTopic.getType() != mindplot.NodeModel.CENTRAL_TOPIC_TYPE) {
|
||||||
|
if (!$defined(shapeType)) {
|
||||||
|
// Get the real shape type ...
|
||||||
|
shapeType = this.getShapeType();
|
||||||
|
this._setShapeType(shapeType, false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this._helpers.forEach(function(helper) {
|
||||||
|
helper.moveToFront();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
disconnect : function(workspace) {
|
||||||
|
mindplot.Topic.prototype.disconnect.call(this, workspace);
|
||||||
|
var size = this.getSize();
|
||||||
|
|
||||||
|
var model = this.getModel();
|
||||||
|
var shapeType = model.getShapeType();
|
||||||
|
if (!$defined(shapeType)) {
|
||||||
|
// Change figure ...
|
||||||
|
shapeType = this.getShapeType();
|
||||||
|
this._setShapeType(mindplot.NodeModel.SHAPE_TYPE_ROUNDED_RECT, false);
|
||||||
|
}
|
||||||
|
var innerShape = this.getInnerShape();
|
||||||
|
innerShape.setVisibility(true);
|
||||||
|
},
|
||||||
|
|
||||||
|
getTopicType : function() {
|
||||||
|
return "MainTopic";
|
||||||
|
},
|
||||||
|
|
||||||
|
_updatePositionOnChangeSize : function(oldSize, newSize, updatePosition) {
|
||||||
|
|
||||||
|
if (updatePosition == false && this.getModel().getFinalPosition()) {
|
||||||
|
this.setPosition(this.getModel().getFinalPosition(), false);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var xOffset = Math.round((newSize.width - oldSize.width) / 2);
|
||||||
|
var pos = this.getPosition();
|
||||||
|
if ($defined(pos)) {
|
||||||
|
if (pos.x > 0) {
|
||||||
|
pos.x = pos.x + xOffset;
|
||||||
|
} else {
|
||||||
|
pos.x = pos.x - xOffset;
|
||||||
|
}
|
||||||
|
this.setPosition(pos);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
setPosition : function(point, fireEvent) {
|
||||||
|
mindplot.Topic.prototype.setPosition.call(this, point);
|
||||||
|
|
||||||
|
// Update board zero entry position...
|
||||||
|
if (fireEvent != false)
|
||||||
|
mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.NodeMoveEvent, [this]);
|
||||||
|
},
|
||||||
|
|
||||||
|
workoutIncomingConnectionPoint : function(sourcePosition) {
|
||||||
|
$assert(sourcePosition, 'sourcePoint can not be null');
|
||||||
|
var pos = this.getPosition();
|
||||||
|
var size = this.getSize();
|
||||||
|
|
||||||
|
var isAtRight = mindplot.util.Shape.isAtRight(sourcePosition, pos);
|
||||||
|
var result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight);
|
||||||
|
if (this.getShapeType() == mindplot.NodeModel.SHAPE_TYPE_LINE) {
|
||||||
|
result.y = result.y + (this.getSize().height / 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Move a little the position...
|
||||||
|
var offset = mindplot.Topic.CONNECTOR_WIDTH / 2;
|
||||||
|
if (this.getPosition().x > 0) {
|
||||||
|
result.x = result.x + offset;
|
||||||
|
} else {
|
||||||
|
result.x = result.x - offset;
|
||||||
|
}
|
||||||
|
|
||||||
|
result.x = Math.ceil(result.x);
|
||||||
|
result.y = Math.ceil(result.y);
|
||||||
|
return result;
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
workoutOutgoingConnectionPoint : function(targetPosition) {
|
||||||
|
$assert(targetPosition, 'targetPoint can not be null');
|
||||||
|
var pos = this.getPosition();
|
||||||
|
var size = this.getSize();
|
||||||
|
|
||||||
|
var isAtRight = mindplot.util.Shape.isAtRight(targetPosition, pos);
|
||||||
|
var result;
|
||||||
|
if (this.getShapeType() == mindplot.NodeModel.SHAPE_TYPE_LINE) {
|
||||||
// if (!this.isConnectedToCentralTopic())
|
// if (!this.isConnectedToCentralTopic())
|
||||||
// {
|
// {
|
||||||
result = new core.Point();
|
result = new core.Point();
|
||||||
if (!isAtRight)
|
if (!isAtRight) {
|
||||||
{
|
|
||||||
result.x = pos.x + (size.width / 2);
|
result.x = pos.x + (size.width / 2);
|
||||||
} else
|
} else {
|
||||||
{
|
|
||||||
result.x = pos.x - (size.width / 2);
|
result.x = pos.x - (size.width / 2);
|
||||||
}
|
}
|
||||||
result.y = pos.y + (size.height / 2);
|
result.y = pos.y + (size.height / 2);
|
||||||
/*} else
|
/*} else
|
||||||
{
|
{
|
||||||
// In this case, connetion line is not used as shape figure.
|
// In this case, connetion line is not used as shape figure.
|
||||||
|
result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight, true);
|
||||||
|
result.y = pos.y + (size.height / 2);
|
||||||
|
*/
|
||||||
|
/*if(result.y>0){
|
||||||
|
result.y+=1;
|
||||||
|
}*/
|
||||||
|
/*
|
||||||
|
|
||||||
|
// Correction factor ...
|
||||||
|
if (!isAtRight)
|
||||||
|
{
|
||||||
|
result.x = result.x + 2;
|
||||||
|
} else
|
||||||
|
{
|
||||||
|
result.x = result.x - 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
}*/
|
||||||
|
} else {
|
||||||
result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight, true);
|
result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight, true);
|
||||||
result.y = pos.y + (size.height / 2);
|
|
||||||
*//*if(result.y>0){
|
|
||||||
result.y+=1;
|
|
||||||
}*//*
|
|
||||||
|
|
||||||
// Correction factor ...
|
|
||||||
if (!isAtRight)
|
|
||||||
{
|
|
||||||
result.x = result.x + 2;
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
result.x = result.x - 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
}*/
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
result = mindplot.util.Shape.calculateRectConnectionPoint(pos, size, isAtRight, true);
|
|
||||||
}
|
|
||||||
result.x = Math.ceil(result.x);
|
|
||||||
result.y = Math.ceil(result.y);
|
|
||||||
return result;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype.isConnectedToCentralTopic = function()
|
|
||||||
{
|
|
||||||
var model = this.getModel();
|
|
||||||
var parent = model.getParent();
|
|
||||||
|
|
||||||
return parent && parent.getType() === mindplot.NodeModel.CENTRAL_TOPIC_TYPE;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._defaultText = function()
|
|
||||||
{
|
|
||||||
var targetTopic = this.getOutgoingConnectedTopic();
|
|
||||||
var result = "";
|
|
||||||
if ($defined(targetTopic))
|
|
||||||
{
|
|
||||||
if (targetTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE)
|
|
||||||
{
|
|
||||||
result = "Main Topic";
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
result = "Sub Topic";
|
|
||||||
}
|
}
|
||||||
} else
|
result.x = Math.ceil(result.x);
|
||||||
{
|
result.y = Math.ceil(result.y);
|
||||||
result = "Isolated Topic";
|
return result;
|
||||||
}
|
},
|
||||||
return result;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._defaultFontStyle = function()
|
|
||||||
{
|
isConnectedToCentralTopic : function() {
|
||||||
var targetTopic = this.getOutgoingConnectedTopic();
|
var model = this.getModel();
|
||||||
var result;
|
var parent = model.getParent();
|
||||||
if ($defined(targetTopic))
|
|
||||||
{
|
return parent && parent.getType() === mindplot.NodeModel.CENTRAL_TOPIC_TYPE;
|
||||||
if (targetTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE)
|
},
|
||||||
{
|
|
||||||
|
_defaultText : function() {
|
||||||
|
var targetTopic = this.getOutgoingConnectedTopic();
|
||||||
|
var result = "";
|
||||||
|
if ($defined(targetTopic)) {
|
||||||
|
if (targetTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE) {
|
||||||
|
result = "Main Topic";
|
||||||
|
} else {
|
||||||
|
result = "Sub Topic";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result = "Isolated Topic";
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
|
||||||
|
_defaultFontStyle : function() {
|
||||||
|
var targetTopic = this.getOutgoingConnectedTopic();
|
||||||
|
var result;
|
||||||
|
if ($defined(targetTopic)) {
|
||||||
|
if (targetTopic.getType() == mindplot.NodeModel.CENTRAL_TOPIC_TYPE) {
|
||||||
|
result = {
|
||||||
|
font:"Arial",
|
||||||
|
size: 8,
|
||||||
|
style:"normal",
|
||||||
|
weight:"normal",
|
||||||
|
color:"#525c61"
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
result = {
|
||||||
|
font:"Arial",
|
||||||
|
size: 6,
|
||||||
|
style:"normal",
|
||||||
|
weight:"normal",
|
||||||
|
color:"#525c61"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
} else {
|
||||||
result = {
|
result = {
|
||||||
font:"Arial",
|
font:"Verdana",
|
||||||
size: 8,
|
size: 8,
|
||||||
style:"normal",
|
style:"normal",
|
||||||
weight:"normal",
|
weight:"normal",
|
||||||
color:"#525c61"
|
color:"#525c61"
|
||||||
};
|
};
|
||||||
} else
|
|
||||||
{
|
|
||||||
result = {
|
|
||||||
font:"Arial",
|
|
||||||
size: 6,
|
|
||||||
style:"normal",
|
|
||||||
weight:"normal",
|
|
||||||
color:"#525c61"
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
} else
|
return result;
|
||||||
{
|
},
|
||||||
result = {
|
|
||||||
font:"Verdana",
|
_defaultBackgroundColor : function() {
|
||||||
size: 8,
|
return "#E0E5EF";
|
||||||
style:"normal",
|
},
|
||||||
weight:"normal",
|
|
||||||
color:"#525c61"
|
_defaultBorderColor : function() {
|
||||||
};
|
return '#023BB9';
|
||||||
|
},
|
||||||
|
addSibling : function() {
|
||||||
|
var order = this.getOrder();
|
||||||
}
|
}
|
||||||
return result;
|
});
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._defaultBackgroundColor = function()
|
|
||||||
{
|
|
||||||
return "#E0E5EF";
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.MainTopic.prototype._defaultBorderColor = function()
|
|
||||||
{
|
|
||||||
return '#023BB9';
|
|
||||||
};
|
|
||||||
mindplot.MainTopic.prototype.addSibling = function()
|
|
||||||
{
|
|
||||||
var order = this.getOrder();
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|||||||
@ -1,177 +1,150 @@
|
|||||||
/*
|
/*
|
||||||
* Copyright [2011] [wisemapping]
|
* Copyright [2011] [wisemapping]
|
||||||
*
|
*
|
||||||
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
||||||
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
||||||
* "powered by wisemapping" text requirement on every single page;
|
* "powered by wisemapping" text requirement on every single page;
|
||||||
* you may not use this file except in compliance with the License.
|
* you may not use this file except in compliance with the License.
|
||||||
* You may obtain a copy of the license at
|
* You may obtain a copy of the license at
|
||||||
*
|
*
|
||||||
* http://www.wisemapping.org/license
|
* http://www.wisemapping.org/license
|
||||||
*
|
*
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
mindplot.NodeGraph = function(nodeModel)
|
mindplot.NodeGraph = new Class({
|
||||||
{
|
initialize:function(nodeModel) {
|
||||||
this._mouseEvents = true;
|
$assert(nodeModel,"model can not be null");
|
||||||
this.setModel(nodeModel);
|
this._mouseEvents = true;
|
||||||
this._onFocus = false;
|
this.setModel(nodeModel);
|
||||||
};
|
this._onFocus = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
getType : function() {
|
||||||
|
var model = this.getModel();
|
||||||
|
return model.getType();
|
||||||
|
},
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getType = function()
|
setId : function(id) {
|
||||||
{
|
this.getModel().setId(id);
|
||||||
var model = this.getModel();
|
},
|
||||||
return model.getType();
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getId = function()
|
_set2DElement : function(elem2d) {
|
||||||
{
|
this._elem2d = elem2d;
|
||||||
return this.getModel().getId();
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setId = function(id)
|
get2DElement : function() {
|
||||||
{
|
$assert(this._elem2d, 'NodeGraph has not been initialized propertly');
|
||||||
this.getModel().setId(id);
|
return this._elem2d;
|
||||||
};
|
},
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype._set2DElement = function(elem2d)
|
setPosition : function(point) {
|
||||||
{
|
// Elements are positioned in the center.
|
||||||
this._elem2d = elem2d;
|
var size = this._model.getSize();
|
||||||
};
|
this._elem2d.setPosition(point.x - (size.width / 2), point.y - (size.height / 2));
|
||||||
|
this._model.setPosition(point.x, point.y);
|
||||||
|
},
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.get2DElement = function()
|
addEventListener : function(type, listener) {
|
||||||
{
|
var elem = this.get2DElement();
|
||||||
$assert(this._elem2d, 'NodeGraph has not been initialized propertly');
|
elem.addEventListener(type, listener);
|
||||||
return this._elem2d;
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setPosition = function(point)
|
isNodeGraph : function() {
|
||||||
{
|
return true;
|
||||||
// Elements are positioned in the center.
|
},
|
||||||
var size = this._model.getSize();
|
|
||||||
this._elem2d.setPosition(point.x - (size.width / 2), point.y - (size.height / 2));
|
|
||||||
this._model.setPosition(point.x, point.y);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.addEventListener = function(type, listener)
|
setMouseEventsEnabled : function(isEnabled) {
|
||||||
{
|
this._mouseEvents = isEnabled;
|
||||||
var elem = this.get2DElement();
|
},
|
||||||
elem.addEventListener(type, listener);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.isNodeGraph = function()
|
isMouseEventsEnabled : function() {
|
||||||
{
|
return this._mouseEvents;
|
||||||
return true;
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setMouseEventsEnabled = function(isEnabled)
|
getSize : function() {
|
||||||
{
|
return this._model.getSize();
|
||||||
this._mouseEvents = isEnabled;
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.isMouseEventsEnabled = function()
|
setSize : function(size) {
|
||||||
{
|
this._model.setSize(size.width, size.height);
|
||||||
return this._mouseEvents;
|
},
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getSize = function()
|
getModel
|
||||||
{
|
:
|
||||||
return this._model.getSize();
|
function() {
|
||||||
};
|
$assert(this._model, 'Model has not been initialized yet');
|
||||||
|
return this._model;
|
||||||
|
}
|
||||||
|
,
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setSize = function(size)
|
setModel : function(model) {
|
||||||
{
|
$assert(model, 'Model can not be null');
|
||||||
this._model.setSize(size.width, size.height);
|
this._model = model;
|
||||||
};
|
},
|
||||||
|
|
||||||
mindplot.NodeGraph.create = function(nodeModel)
|
getId : function() {
|
||||||
{
|
return this._model.getId();
|
||||||
|
},
|
||||||
|
|
||||||
|
setOnFocus : function(focus) {
|
||||||
|
this._onFocus = focus;
|
||||||
|
var outerShape = this.getOuterShape();
|
||||||
|
if (focus) {
|
||||||
|
outerShape.setFill('#c7d8ff');
|
||||||
|
outerShape.setOpacity(1);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
// @todo: node must not know about the topic.
|
||||||
|
|
||||||
|
outerShape.setFill(mindplot.Topic.OUTER_SHAPE_ATTRIBUTES.fillColor);
|
||||||
|
outerShape.setOpacity(0);
|
||||||
|
}
|
||||||
|
this.setCursor('move');
|
||||||
|
},
|
||||||
|
|
||||||
|
isOnFocus : function() {
|
||||||
|
return this._onFocus;
|
||||||
|
},
|
||||||
|
|
||||||
|
dispose : function(workspace) {
|
||||||
|
workspace.removeChild(this);
|
||||||
|
},
|
||||||
|
|
||||||
|
createDragNode : function() {
|
||||||
|
var dragShape = this._buildDragShape();
|
||||||
|
return new mindplot.DragTopic(dragShape, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
_buildDragShape : function() {
|
||||||
|
$assert(false, '_buildDragShape must be implemented by all nodes.');
|
||||||
|
},
|
||||||
|
|
||||||
|
getPosition : function() {
|
||||||
|
var model = this.getModel();
|
||||||
|
return model.getPosition();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
mindplot.NodeGraph.create = function(nodeModel) {
|
||||||
$assert(nodeModel, 'Model can not be null');
|
$assert(nodeModel, 'Model can not be null');
|
||||||
|
|
||||||
var type = nodeModel.getType();
|
var type = nodeModel.getType();
|
||||||
$assert(type, 'Node model type can not be null');
|
$assert(type, 'Node model type can not be null');
|
||||||
|
|
||||||
var result;
|
var result;
|
||||||
if (type == mindplot.NodeModel.CENTRAL_TOPIC_TYPE)
|
if (type == mindplot.NodeModel.CENTRAL_TOPIC_TYPE) {
|
||||||
{
|
|
||||||
result = new mindplot.CentralTopic(nodeModel);
|
result = new mindplot.CentralTopic(nodeModel);
|
||||||
} else
|
} else
|
||||||
if (type == mindplot.NodeModel.MAIN_TOPIC_TYPE)
|
if (type == mindplot.NodeModel.MAIN_TOPIC_TYPE) {
|
||||||
{
|
result = new mindplot.MainTopic(nodeModel);
|
||||||
result = new mindplot.MainTopic(nodeModel);
|
} else {
|
||||||
} else
|
assert(false, "unsupported node type:" + type);
|
||||||
{
|
}
|
||||||
assert(false, "unsupported node type:" + type);
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
return result;
|
||||||
};
|
}
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getModel = function()
|
|
||||||
{
|
|
||||||
$assert(this._model, 'Model has not been initialized yet');
|
|
||||||
return this._model;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setModel = function(model)
|
|
||||||
{
|
|
||||||
$assert(model, 'Model can not be null');
|
|
||||||
this._model = model;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getId = function()
|
|
||||||
{
|
|
||||||
return this._model.getId();
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.setOnFocus = function(focus)
|
|
||||||
{
|
|
||||||
this._onFocus = focus;
|
|
||||||
var outerShape = this.getOuterShape();
|
|
||||||
if (focus)
|
|
||||||
{
|
|
||||||
outerShape.setFill('#c7d8ff');
|
|
||||||
outerShape.setOpacity(1);
|
|
||||||
|
|
||||||
} else
|
|
||||||
{
|
|
||||||
// @todo: node must not know about the topic.
|
|
||||||
|
|
||||||
outerShape.setFill(mindplot.Topic.OUTER_SHAPE_ATTRIBUTES.fillColor);
|
|
||||||
outerShape.setOpacity(0);
|
|
||||||
}
|
|
||||||
this.setCursor('move');
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.isOnFocus = function()
|
|
||||||
{
|
|
||||||
return this._onFocus;
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.dispose = function(workspace)
|
|
||||||
{
|
|
||||||
workspace.removeChild(this);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.createDragNode = function()
|
|
||||||
{
|
|
||||||
var dragShape = this._buildDragShape();
|
|
||||||
return new mindplot.DragTopic(dragShape, this);
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype._buildDragShape = function()
|
|
||||||
{
|
|
||||||
$assert(false, '_buildDragShape must be implemented by all nodes.');
|
|
||||||
};
|
|
||||||
|
|
||||||
mindplot.NodeGraph.prototype.getPosition = function()
|
|
||||||
{
|
|
||||||
var model = this.getModel();
|
|
||||||
return model.getPosition();
|
|
||||||
};
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user