New model.

This commit is contained in:
Paulo Veiga 2011-09-08 09:54:55 -03:00
parent bd305fa14e
commit 71b761081f
3 changed files with 332 additions and 236 deletions

View File

@ -0,0 +1,297 @@
/*
* 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.model.INodeModel = new Class({
initialize: function(mindmap) {
$assert(mindmap, 'mindmap can not be null');
this._mindmap = mindmap;
},
getId : function() {
return this.getProperty('id');
},
setId : function(id) {
if ($defined(id) && id > mindplot.model.INodeModel._uuid) {
mindplot.model.INodeModel._uuid = id;
}
if (!$defined(id)) {
id = mindplot.model.INodeModel._nextUUID();
}
this.putProperty('id', id);
},
getType : function() {
return this.getProperty('type');
},
setType : function(type) {
this.putProperty('type', type);
},
setText : function(text) {
this.putProperty('text', text);
},
getText : function() {
this.getProperty('text');
},
setPosition : function(x, y) {
this.putProperty('position', '{x:' + parseInt(x) + ',y:' + parseInt(y) + '}');
},
getPosition : function() {
var value = this.getProperty('position');
var result = null;
if (value != null) {
result = eval("(" + value + ")");
}
return result;
},
setSize : function(width, height) {
this.putProperty('size', '{width:' + width + ',height:' + height + '}');
},
getSize : function() {
var value = this.getProperty('size');
var result = null;
if (value != null) {
result = eval("(" + value + ")");
}
return result;
},
getMindmap : function() {
return this._mindmap;
},
disconnect : function() {
var mindmap = this.getMindmap();
mindmap.disconnect(this);
},
getShapeType : function() {
return this.getProperty('shapeType');
},
setShapeType : function(type) {
this.putProperty('shapeType', type);
},
setOrder : function(value) {
this.putProperty('order', value);
},
getOrder : function() {
return this.getProperty('order');
},
setFontFamily : function(fontFamily) {
this.putProperty('fontFamily', fontFamily);
},
getFontFamily : function() {
return this.getProperty('fontFamily');
},
setFontStyle : function(fontStyle) {
this.putProperty('fontStyle', fontStyle);
},
getFontStyle : function() {
return this.getProperty('fontStyle');
},
setFontWeight : function(weight) {
this.putProperty('fontWeight', weight);
},
getFontWeight : function() {
return this.getProperty('fontWeight');
},
setFontColor : function(color) {
this.putProperty('fontColor', color);
},
getFontColor : function() {
return this.getProperty('fontColor');
},
setFontSize : function(size) {
this.putProperty('fontSize', size);
},
getFontSize : function() {
return this.getProperty('fontSize');
},
getBorderColor : function() {
return this.getProperty('borderColor');
},
setBorderColor : function(color) {
this.putProperty('borderColor', color);
},
getBackgroundColor : function() {
return this.getProperty('backgroundColor');
},
setBackgroundColor : function(color) {
this.putProperty('backgroundColor', color);
},
areChildrenShrinked : function() {
this.getProperty('childrenShrinked');
},
setChildrenShrinked : function(value) {
this.putProperty('childrenShrinked', value);
},
setFinalPosition : function(x, y) {
$assert(x, "x coordinate must be defined");
$assert(y, "y coordinate must be defined");
this.putProperty('finalPosition', '{x:' + parseInt(x) + ',y:' + parseInt(y) + '}');
},
getFinalPosition : function() {
var value = this.getProperty('finalPosition');
return eval("(" + value + ")");
},
isNodeModel : function() {
return true;
},
isConnected : function() {
return this.getParent() != null;
},
putProperty: function(key, value) {
throw "Unsupported operation";
},
setProperty: function(key, value) {
throw "Unsupported operation";
},
setParent : function(parent) {
throw "Unsupported operation";
},
deleteNode : function() {
throw "Unsupported operation";
},
createLink : function(url) {
throw "Unsupported operation";
},
addLink : function(link) {
throw "Unsupported operation";
},
createNote : function(text) {
throw "Unsupported operation";
},
addNote : function(note) {
throw "Unsupported operation";
},
removeNote : function(note) {
throw "Unsupported operation";
},
createIcon : function(iconType) {
throw "Unsupported operation";
},
addIcon : function(icon) {
throw "Unsupported operation";
},
removeIcon : function(icon) {
throw "Unsupported operation";
},
removeLastIcon : function() {
throw "Unsupported operation";
},
getChildren : function() {
throw "Unsupported operation";
},
getIcons : function() {
throw "Unsupported operation";
},
getLinks : function() {
throw "Unsupported operation";
},
getNotes : function() {
throw "Unsupported operation";
},
getParent : function() {
throw "Unsupported operation";
},
clone : function() {
throw "Unsupported operation";
},
inspect : function() {
return '(type:' + this.getType() + ' , id: ' + this.getId() + ')';
}
});
mindplot.model.INodeModel.CENTRAL_TOPIC_TYPE = 'CentralTopic';
mindplot.model.INodeModel.MAIN_TOPIC_TYPE = 'MainTopic';
mindplot.model.INodeModel.SHAPE_TYPE_RECT = 'rectagle';
mindplot.model.INodeModel.SHAPE_TYPE_ROUNDED_RECT = 'rounded rectagle';
mindplot.model.INodeModel.SHAPE_TYPE_ELIPSE = 'elipse';
mindplot.model.INodeModel.SHAPE_TYPE_LINE = 'line';
mindplot.model.INodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE = 220;
/**
* @todo: This method must be implemented.
*/
mindplot.model.INodeModel._nextUUID = function() {
if (!$defined(mindplot.model.INodeModel._uuid)) {
mindplot.model.INodeModel._uuid = 0;
}
mindplot.model.INodeModel._uuid = mindplot.model.INodeModel._uuid + 1;
return mindplot.model.INodeModel._uuid;
};
mindplot.model.INodeModel._uuid = 0;

View File

@ -52,10 +52,10 @@ mindplot.model.Mindmap = new Class({
addBranch : function(nodeModel) { addBranch : function(nodeModel) {
$assert(nodeModel && nodeModel.isNodeModel(), 'Add node must be invoked with model objects'); $assert(nodeModel && nodeModel.isNodeModel(), 'Add node must be invoked with model objects');
if (this._branches.length == 0) { if (this._branches.length == 0) {
$assert(nodeModel.getType() == mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE, "First element must be the central topic"); $assert(nodeModel.getType() == mindplot.model.INodeModel.CENTRAL_TOPIC_TYPE, "First element must be the central topic");
nodeModel.setPosition(0, 0); nodeModel.setPosition(0, 0);
} else { } else {
$assert(nodeModel.getType() != mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE, "Mindmaps only have one cental topic"); $assert(nodeModel.getType() != mindplot.model.INodeModel.CENTRAL_TOPIC_TYPE, "Mindmaps only have one cental topic");
} }
this._branches.push(nodeModel); this._branches.push(nodeModel);

View File

@ -17,110 +17,50 @@
*/ */
mindplot.model.NodeModel = new Class({ mindplot.model.NodeModel = new Class({
Extends: mindplot.model.INodeModel,
initialize:function(type, mindmap, id) { initialize:function(type, mindmap, id) {
$assert(type, 'Node type can not be null'); $assert(type, 'Node type can not be null');
$assert(mindmap, 'mindmap can not be null'); $assert(mindmap, 'mindmap can not be null');
this._properties = {};
this.parent(mindmap);
this.setId(id);
this.setType(type);
this.areChildrenShrinked(false);
this.setSize(50, 20);
this._order = null;
this._type = type;
this._children = []; this._children = [];
this._icons = []; this._icons = [];
this._links = []; this._links = [];
this._notes = []; this._notes = [];
this._size = {width:50,height:20}; },
this._position = null;
if ($defined(id)) { putProperty : function(key, value) {
if (!$defined(mindplot.model.NodeModel._uuid) || id > mindplot.model.NodeModel._uuid) { $defined(key, 'key can not be null');
mindplot.model.NodeModel._uuid = id; this._properties[key] = value;
} },
this._id = id;
} else { getProperty : function(key) {
this._id = mindplot.model.NodeModel._nextUUID(); $defined(key, 'key can not be null');
} var result = this._properties[key];
this._mindmap = mindmap; return !$defined(result) ? null : result;
this._text = null;
this._shapeType = null;
this._fontFamily = null;
this._fontSize = null;
this._fontStyle = null;
this._fontWeight = null;
this._fontColor = null;
this._borderColor = null;
this._backgroundColor = null;
this._areChildrenShrinked = false;
}, },
clone : function() { clone : function() {
var result = new mindplot.model.NodeModel(this._type, this._mindmap); var result = new mindplot.model.NodeModel(this.getType(), this._mindmap);
result._order = this._order; result._children = this._children.each(function(node) {
result._type = this._type; var cnode = node.clone();
result._children = this._children.map(function(item, index) { cnode._parent = result;
var model = item.clone(); return cnode;
model._parent = result;
return model;
}); });
result._properties = this._properties.clone();
result._icons = this._icons; result._icons = this._icons.clone();
result._links = this._links; result._links = this._links.clone();
result._notes = this._notes; result._notes = this._notes.clone();
result._size = this._size;
result._position = this._position;
result._id = this._id;
result._mindmap = this._mindmap;
result._text = this._text;
result._shapeType = this._shapeType;
result._fontFamily = this._fontFamily;
result._fontSize = this._fontSize;
result._fontStyle = this._fontStyle;
result._fontWeight = this._fontWeight;
result._fontColor = this._fontColor;
result._borderColor = this._borderColor;
result._backgroundColor = this._backgroundColor;
result._areChildrenShrinked = this._areChildrenShrinked;
return result; return result;
}, },
areChildrenShrinked : function() {
return this._areChildrenShrinked;
},
setChildrenShrinked : function(value) {
this._areChildrenShrinked = value;
},
getId : function() {
return this._id;
},
setId : function(id) {
this._id = id;
if (mindplot.model.NodeModel._uuid < id) {
mindplot.model.NodeModel._uuid = id;
}
},
getType : function() {
return this._type;
},
setText : function(text) {
this._text = text;
},
getText : function() {
return this._text;
},
isNodeModel : function() {
return true;
},
isConnected : function() {
return this._parent != null;
},
createLink : function(url) { createLink : function(url) {
$assert(url, 'Link URL must be specified.'); $assert(url, 'Link URL must be specified.');
return new mindplot.model.LinkModel(url, this); return new mindplot.model.LinkModel(url, this);
@ -182,42 +122,6 @@ mindplot.model.NodeModel = new Class({
child._parent = null; child._parent = null;
}, },
setPosition : function(x, y) {
if (!$defined(this._position)) {
this._position = new core.Point();
}
this._position.x = parseInt(x);
this._position.y = parseInt(y);
},
getPosition : function() {
return this._position;
},
setFinalPosition : function(x, y) {
$assert(x, "x coordinate must be defined");
$assert(y, "y coordinate must be defined");
if (!$defined(this._finalPosition)) {
this._finalPosition = new core.Point();
}
this._finalPosition.x = parseInt(x);
this._finalPosition.y = parseInt(y);
},
getFinalPosition : function() {
return this._finalPosition;
},
setSize : function(width, height) {
this._size.width = width;
this._size.height = height;
},
getSize : function() {
return {width:this._size.width,height:this._size.height};
},
getChildren : function() { getChildren : function() {
return this._children; return this._children;
}, },
@ -238,10 +142,6 @@ mindplot.model.NodeModel = new Class({
return this._parent; return this._parent;
}, },
getMindmap : function() {
return this._mindmap;
},
setParent : function(parent) { setParent : function(parent) {
$assert(parent != this, 'The same node can not be parent and child if itself.'); $assert(parent != this, 'The same node can not be parent and child if itself.');
this._parent = parent; this._parent = parent;
@ -258,7 +158,7 @@ mindplot.model.NodeModel = new Class({
var targetPosition = targetModel.getPosition(); var targetPosition = targetModel.getPosition();
var result = false; var result = false;
if (sourceModel.getType() == mindplot.model.NodeModel.MAIN_TOPIC_TYPE) { if (sourceModel.getType() == mindplot.model.INodeModel.MAIN_TOPIC_TYPE) {
// Finally, check current node ubication. // Finally, check current node ubication.
var targetTopicSize = targetModel.getSize(); var targetTopicSize = targetModel.getSize();
var yDistance = Math.abs(sourcePosition.y - targetPosition.y); var yDistance = Math.abs(sourcePosition.y - targetPosition.y);
@ -276,12 +176,12 @@ mindplot.model.NodeModel = new Class({
var isTargetAtRightFromCentral = targetPosition.x >= 0; var isTargetAtRightFromCentral = targetPosition.x >= 0;
if (isTargetAtRightFromCentral) { if (isTargetAtRightFromCentral) {
if (xDistance >= -targetTopicSize.width / 2 && xDistance <= mindplot.model.NodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE / 2 + (targetTopicSize.width / 2)) { if (xDistance >= -targetTopicSize.width / 2 && xDistance <= mindplot.model.INodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE / 2 + (targetTopicSize.width / 2)) {
result = true; result = true;
} }
} else { } else {
if (xDistance <= targetTopicSize.width / 2 && Math.abs(xDistance) <= mindplot.model.NodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE / 2 + (targetTopicSize.width / 2)) { if (xDistance <= targetTopicSize.width / 2 && Math.abs(xDistance) <= mindplot.model.INodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE / 2 + (targetTopicSize.width / 2)) {
result = true; result = true;
} }
} }
@ -317,83 +217,6 @@ mindplot.model.NodeModel = new Class({
this._parent = parent; this._parent = parent;
}, },
disconnect : function() {
var mindmap = this.getMindmap();
mindmap.disconnect(this);
},
getShapeType : function() {
return this._shapeType;
},
setShapeType : function(type) {
this._shapeType = type;
},
setOrder : function(value) {
this._order = value;
},
setFontFamily : function(value) {
this._fontFamily = value;
},
getOrder : function() {
return this._order;
},
getFontFamily : function() {
return this._fontFamily;
},
setFontStyle : function(value) {
this._fontStyle = value;
},
getFontStyle : function() {
return this._fontStyle;
},
setFontWeight : function(value) {
this._fontWeight = value;
},
getFontWeight : function() {
return this._fontWeight;
},
setFontColor : function(value) {
this._fontColor = value;
},
getFontColor : function() {
return this._fontColor;
},
setFontSize : function(value) {
this._fontSize = value;
},
getFontSize : function() {
return this._fontSize;
},
getBorderColor : function() {
return this._borderColor;
},
setBorderColor : function(color) {
this._borderColor = color;
},
getBackgroundColor : function() {
return this._backgroundColor;
},
setBackgroundColor : function(color) {
this._backgroundColor = color;
},
deleteNode : function() { deleteNode : function() {
var mindmap = this._mindmap; var mindmap = this._mindmap;
@ -420,27 +243,3 @@ mindplot.model.NodeModel = new Class({
return '(type:' + this.getType() + ' , id: ' + this.getId() + ')'; return '(type:' + this.getType() + ' , id: ' + this.getId() + ')';
} }
}); });
mindplot.model.NodeModel.CENTRAL_TOPIC_TYPE = 'CentralTopic';
mindplot.model.NodeModel.MAIN_TOPIC_TYPE = 'MainTopic';
mindplot.model.NodeModel.DRAGGED_TOPIC_TYPE = 'DraggedTopic';
mindplot.model.NodeModel.SHAPE_TYPE_RECT = 'rectagle';
mindplot.model.NodeModel.SHAPE_TYPE_ROUNDED_RECT = 'rounded rectagle';
mindplot.model.NodeModel.SHAPE_TYPE_ELIPSE = 'elipse';
mindplot.model.NodeModel.SHAPE_TYPE_LINE = 'line';
mindplot.model.NodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE = 220;
/**
* @todo: This method must be implemented.
*/
mindplot.model.NodeModel._nextUUID = function() {
if (!$defined(this._uuid)) {
this._uuid = 0;
}
this._uuid = this._uuid + 1;
return this._uuid;
}