mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-11-05 07:03:24 +01:00
Finally viewmode.html render.
This commit is contained in:
parent
5710d77bd5
commit
dea5b727ac
@ -36,7 +36,7 @@ mindplot.ActionIcon = new Class({
|
|||||||
},
|
},
|
||||||
|
|
||||||
addToGroup:function(group) {
|
addToGroup:function(group) {
|
||||||
group.appendChild(this.getImage());
|
group.append(this.getImage());
|
||||||
},
|
},
|
||||||
|
|
||||||
setVisibility:function(visible) {
|
setVisibility:function(visible) {
|
||||||
|
@ -145,7 +145,7 @@ mindplot.ConnectionLine = new Class({
|
|||||||
},
|
},
|
||||||
|
|
||||||
addToWorkspace:function (workspace) {
|
addToWorkspace:function (workspace) {
|
||||||
workspace.appendChild(this._line2d);
|
workspace.append(this._line2d);
|
||||||
this._line2d.moveToBack();
|
this._line2d.moveToBack();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -162,10 +162,10 @@ mindplot.ControlPoint = new Class({
|
|||||||
|
|
||||||
addToWorkspace : function(workspace) {
|
addToWorkspace : function(workspace) {
|
||||||
this._workspace = workspace;
|
this._workspace = workspace;
|
||||||
workspace.appendChild(this._controlPointsController[0]);
|
workspace.append(this._controlPointsController[0]);
|
||||||
workspace.appendChild(this._controlPointsController[1]);
|
workspace.append(this._controlPointsController[1]);
|
||||||
workspace.appendChild(this._controlLines[0]);
|
workspace.append(this._controlLines[0]);
|
||||||
workspace.appendChild(this._controlLines[1]);
|
workspace.append(this._controlLines[1]);
|
||||||
},
|
},
|
||||||
|
|
||||||
removeFromWorkspace : function(workspace) {
|
removeFromWorkspace : function(workspace) {
|
||||||
|
@ -686,7 +686,7 @@ mindplot.Designer = new Class({
|
|||||||
var nodeGraph = this._buildNodeGraph(nodeModel, this.isReadOnly());
|
var nodeGraph = this._buildNodeGraph(nodeModel, this.isReadOnly());
|
||||||
nodeGraph.setVisibility(false);
|
nodeGraph.setVisibility(false);
|
||||||
|
|
||||||
this._workspace.appendChild(nodeGraph);
|
this._workspace.append(nodeGraph);
|
||||||
for (var i = 0; i < children.length; i++) {
|
for (var i = 0; i < children.length; i++) {
|
||||||
var child = children[i];
|
var child = children[i];
|
||||||
if ($defined(child))
|
if ($defined(child))
|
||||||
@ -709,7 +709,7 @@ mindplot.Designer = new Class({
|
|||||||
|
|
||||||
result.setVisibility(sourceTopic.isVisible() && targetTopic.isVisible());
|
result.setVisibility(sourceTopic.isVisible() && targetTopic.isVisible());
|
||||||
|
|
||||||
this._workspace.appendChild(result);
|
this._workspace.append(result);
|
||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -79,7 +79,7 @@ mindplot.DragManager = new Class({
|
|||||||
startDragListener(event, dragNode);
|
startDragListener(event, dragNode);
|
||||||
|
|
||||||
// Add shadow node to the workspace.
|
// Add shadow node to the workspace.
|
||||||
workspace.appendChild(dragNode);
|
workspace.append(dragNode);
|
||||||
|
|
||||||
this._isDragInProcess = true;
|
this._isDragInProcess = true;
|
||||||
}
|
}
|
||||||
|
@ -146,27 +146,27 @@ mindplot.DragPivot = new Class({
|
|||||||
|
|
||||||
addToWorkspace : function(workspace) {
|
addToWorkspace : function(workspace) {
|
||||||
var pivotRect = this._getPivotRect();
|
var pivotRect = this._getPivotRect();
|
||||||
workspace.appendChild(pivotRect);
|
workspace.append(pivotRect);
|
||||||
|
|
||||||
var connectToRect = this._connectRect;
|
var connectToRect = this._connectRect;
|
||||||
workspace.appendChild(connectToRect);
|
workspace.append(connectToRect);
|
||||||
|
|
||||||
// Add a hidden straight line ...
|
// Add a hidden straight line ...
|
||||||
var straighLine = this._straightLine;
|
var straighLine = this._straightLine;
|
||||||
straighLine.setVisibility(false);
|
straighLine.setVisibility(false);
|
||||||
workspace.appendChild(straighLine);
|
workspace.append(straighLine);
|
||||||
straighLine.moveToBack();
|
straighLine.moveToBack();
|
||||||
|
|
||||||
// Add a hidden curved line ...
|
// Add a hidden curved line ...
|
||||||
var curvedLine = this._curvedLine;
|
var curvedLine = this._curvedLine;
|
||||||
curvedLine.setVisibility(false);
|
curvedLine.setVisibility(false);
|
||||||
workspace.appendChild(curvedLine);
|
workspace.append(curvedLine);
|
||||||
curvedLine.moveToBack();
|
curvedLine.moveToBack();
|
||||||
|
|
||||||
// Add a connect rect ...
|
// Add a connect rect ...
|
||||||
var connectRect = this._connectRect;
|
var connectRect = this._connectRect;
|
||||||
connectRect.setVisibility(false);
|
connectRect.setVisibility(false);
|
||||||
workspace.appendChild(connectRect);
|
workspace.append(connectRect);
|
||||||
connectRect.moveToBack();
|
connectRect.moveToBack();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -133,7 +133,7 @@ mindplot.DragTopic = new Class({
|
|||||||
|
|
||||||
addToWorkspace:function (workspace) {
|
addToWorkspace:function (workspace) {
|
||||||
if (!this._isInWorkspace) {
|
if (!this._isInWorkspace) {
|
||||||
workspace.appendChild(this._elem2d);
|
workspace.append(this._elem2d);
|
||||||
var dragPivot = this._getDragPivot();
|
var dragPivot = this._getDragPivot();
|
||||||
dragPivot.addToWorkspace(workspace);
|
dragPivot.addToWorkspace(workspace);
|
||||||
this._isInWorkspace = true;
|
this._isInWorkspace = true;
|
||||||
@ -201,7 +201,7 @@ mindplot.DragTopic.init = function (workspace) {
|
|||||||
|
|
||||||
$assert(workspace, "workspace can not be null");
|
$assert(workspace, "workspace can not be null");
|
||||||
var pivot = mindplot.DragTopic.__getDragPivot();
|
var pivot = mindplot.DragTopic.__getDragPivot();
|
||||||
workspace.appendChild(pivot);
|
workspace.append(pivot);
|
||||||
};
|
};
|
||||||
|
|
||||||
mindplot.DragTopic.__getDragPivot = function () {
|
mindplot.DragTopic.__getDragPivot = function () {
|
||||||
|
@ -62,7 +62,7 @@ mindplot.IconGroup = new Class({
|
|||||||
this._positionIcon(icon, this._icons.length - 1);
|
this._positionIcon(icon, this._icons.length - 1);
|
||||||
|
|
||||||
var imageShape = icon.getImage();
|
var imageShape = icon.getImage();
|
||||||
this._group.appendChild(imageShape);
|
this._group.append(imageShape);
|
||||||
|
|
||||||
// Register event for the group ..
|
// Register event for the group ..
|
||||||
if (remove) {
|
if (remove) {
|
||||||
@ -175,7 +175,7 @@ mindplot.IconGroup.RemoveTip = new Class({
|
|||||||
}.bind(this));
|
}.bind(this));
|
||||||
|
|
||||||
widget.setPosition(pos.x + 80, pos.y - 50);
|
widget.setPosition(pos.x + 80, pos.y - 50);
|
||||||
this._fadeElem.appendChild(widget);
|
this._fadeElem.append(widget);
|
||||||
|
|
||||||
// Setup current element ...
|
// Setup current element ...
|
||||||
this._activeIcon = icon;
|
this._activeIcon = icon;
|
||||||
@ -236,7 +236,7 @@ mindplot.IconGroup.RemoveTip = new Class({
|
|||||||
stroke:'0',
|
stroke:'0',
|
||||||
fillColor:'black'
|
fillColor:'black'
|
||||||
});
|
});
|
||||||
result.appendChild(outerRect);
|
result.append(outerRect);
|
||||||
outerRect.setCursor('pointer');
|
outerRect.setCursor('pointer');
|
||||||
|
|
||||||
var innerRect = new web2d.Rect(0, {
|
var innerRect = new web2d.Rect(0, {
|
||||||
@ -247,17 +247,17 @@ mindplot.IconGroup.RemoveTip = new Class({
|
|||||||
stroke:'1 solid white',
|
stroke:'1 solid white',
|
||||||
fillColor:'gray'
|
fillColor:'gray'
|
||||||
});
|
});
|
||||||
result.appendChild(innerRect);
|
result.append(innerRect);
|
||||||
|
|
||||||
var line = new web2d.Line({stroke:'1 solid white'});
|
var line = new web2d.Line({stroke:'1 solid white'});
|
||||||
line.setFrom(1, 1);
|
line.setFrom(1, 1);
|
||||||
line.setTo(9, 9);
|
line.setTo(9, 9);
|
||||||
result.appendChild(line);
|
result.append(line);
|
||||||
|
|
||||||
var line2 = new web2d.Line({stroke:'1 solid white'});
|
var line2 = new web2d.Line({stroke:'1 solid white'});
|
||||||
line2.setFrom(1, 9);
|
line2.setFrom(1, 9);
|
||||||
line2.setTo(9, 1);
|
line2.setTo(9, 1);
|
||||||
result.appendChild(line2);
|
result.append(line2);
|
||||||
|
|
||||||
// Some events ...
|
// Some events ...
|
||||||
result.addEvent('mouseover', function () {
|
result.addEvent('mouseover', function () {
|
||||||
|
@ -42,7 +42,7 @@ mindplot.MainTopic = new Class({
|
|||||||
// Create group ...
|
// Create group ...
|
||||||
var groupAttributes = {width:100, height:100, coordSizeWidth:100, coordSizeHeight:100};
|
var groupAttributes = {width:100, height:100, coordSizeWidth:100, coordSizeHeight:100};
|
||||||
var group = new web2d.Group(groupAttributes);
|
var group = new web2d.Group(groupAttributes);
|
||||||
group.appendChild(innerShape);
|
group.append(innerShape);
|
||||||
|
|
||||||
// Add Text ...
|
// Add Text ...
|
||||||
if (this.getShapeType() != mindplot.model.TopicShape.IMAGE) {
|
if (this.getShapeType() != mindplot.model.TopicShape.IMAGE) {
|
||||||
@ -50,7 +50,7 @@ mindplot.MainTopic = new Class({
|
|||||||
var text = this.getText();
|
var text = this.getText();
|
||||||
textShape.setText(text);
|
textShape.setText(text);
|
||||||
textShape.setOpacity(0.5);
|
textShape.setOpacity(0.5);
|
||||||
group.appendChild(textShape);
|
group.append(textShape);
|
||||||
}
|
}
|
||||||
return group;
|
return group;
|
||||||
},
|
},
|
||||||
|
@ -41,7 +41,7 @@ mindplot.NoteIcon = new Class({
|
|||||||
}.bind(this));
|
}.bind(this));
|
||||||
}
|
}
|
||||||
|
|
||||||
this._tip = new mindplot.widget.FloatingTip(this.getImage()._peer._native, {
|
this._tip = new mindplot.widget.FloatingTip($(this.getImage()._peer._native), {
|
||||||
// Content can also be a function of the target element!
|
// Content can also be a function of the target element!
|
||||||
content:function () {
|
content:function () {
|
||||||
var result = new Element('div');
|
var result = new Element('div');
|
||||||
|
@ -160,16 +160,16 @@ mindplot.Relationship = new Class({
|
|||||||
},
|
},
|
||||||
|
|
||||||
addToWorkspace:function (workspace) {
|
addToWorkspace:function (workspace) {
|
||||||
workspace.appendChild(this._focusShape);
|
workspace.append(this._focusShape);
|
||||||
workspace.appendChild(this._controlPointsController);
|
workspace.append(this._controlPointsController);
|
||||||
|
|
||||||
this._controlPointControllerListener = this._initializeControlPointController.bind(this);
|
this._controlPointControllerListener = this._initializeControlPointController.bind(this);
|
||||||
this._line2d.addEvent('click', this._controlPointControllerListener);
|
this._line2d.addEvent('click', this._controlPointControllerListener);
|
||||||
this._isInWorkspace = true;
|
this._isInWorkspace = true;
|
||||||
|
|
||||||
workspace.appendChild(this._startArrow);
|
workspace.append(this._startArrow);
|
||||||
if (this._endArrow)
|
if (this._endArrow)
|
||||||
workspace.appendChild(this._endArrow);
|
workspace.append(this._endArrow);
|
||||||
|
|
||||||
this.parent(workspace);
|
this.parent(workspace);
|
||||||
this._positionArrows();
|
this._positionArrows();
|
||||||
|
@ -56,8 +56,8 @@ mindplot.RelationshipPivot = new Class({
|
|||||||
this._startArrow.setStrokeWidth(2);
|
this._startArrow.setStrokeWidth(2);
|
||||||
this._startArrow.setFrom(sourcePos.x, sourcePos.y);
|
this._startArrow.setFrom(sourcePos.x, sourcePos.y);
|
||||||
|
|
||||||
this._workspace.appendChild(this._pivot);
|
this._workspace.append(this._pivot);
|
||||||
this._workspace.appendChild(this._startArrow);
|
this._workspace.append(this._startArrow);
|
||||||
|
|
||||||
this._workspace.addEvent('mousemove', this._mouseMoveEvent);
|
this._workspace.addEvent('mousemove', this._mouseMoveEvent);
|
||||||
this._workspace.addEvent('click', this._onClickEvent);
|
this._workspace.addEvent('click', this._onClickEvent);
|
||||||
|
@ -90,7 +90,7 @@ mindplot.ShirinkConnector = new Class({
|
|||||||
},
|
},
|
||||||
|
|
||||||
addToWorkspace: function(group) {
|
addToWorkspace: function(group) {
|
||||||
group.appendChild(this._ellipse);
|
group.append(this._ellipse);
|
||||||
},
|
},
|
||||||
|
|
||||||
setPosition: function(x, y) {
|
setPosition: function(x, y) {
|
||||||
|
@ -82,7 +82,7 @@ mindplot.Topic = new Class({
|
|||||||
this.setSize(size, true);
|
this.setSize(size, true);
|
||||||
|
|
||||||
var group = this.get2DElement();
|
var group = this.get2DElement();
|
||||||
group.appendChild(innerShape);
|
group.append(innerShape);
|
||||||
|
|
||||||
// Move text to the front ...
|
// Move text to the front ...
|
||||||
var text = this.getTextShape();
|
var text = this.getTextShape();
|
||||||
@ -246,7 +246,7 @@ mindplot.Topic = new Class({
|
|||||||
if (!$defined(this._iconsGroup)) {
|
if (!$defined(this._iconsGroup)) {
|
||||||
this._iconsGroup = this._buildIconGroup();
|
this._iconsGroup = this._buildIconGroup();
|
||||||
var group = this.get2DElement();
|
var group = this.get2DElement();
|
||||||
group.appendChild(this._iconsGroup.getNativeElement());
|
group.append(this._iconsGroup.getNativeElement());
|
||||||
this._iconsGroup.moveToFront();
|
this._iconsGroup.moveToFront();
|
||||||
}
|
}
|
||||||
return this._iconsGroup;
|
return this._iconsGroup;
|
||||||
@ -542,9 +542,9 @@ mindplot.Topic = new Class({
|
|||||||
var textShape = this.getTextShape();
|
var textShape = this.getTextShape();
|
||||||
|
|
||||||
// Add to the group ...
|
// Add to the group ...
|
||||||
group.appendChild(outerShape);
|
group.append(outerShape);
|
||||||
group.appendChild(innerShape);
|
group.append(innerShape);
|
||||||
group.appendChild(textShape);
|
group.append(textShape);
|
||||||
|
|
||||||
// Update figure size ...
|
// Update figure size ...
|
||||||
var model = this.getModel();
|
var model = this.getModel();
|
||||||
@ -1043,7 +1043,7 @@ mindplot.Topic = new Class({
|
|||||||
$assert(workspace, 'Workspace can not be null');
|
$assert(workspace, 'Workspace can not be null');
|
||||||
|
|
||||||
// Connect Graphical Nodes ...
|
// Connect Graphical Nodes ...
|
||||||
targetTopic.appendChild(this);
|
targetTopic.append(this);
|
||||||
this._parent = targetTopic;
|
this._parent = targetTopic;
|
||||||
|
|
||||||
// Update model ...
|
// Update model ...
|
||||||
@ -1056,7 +1056,7 @@ mindplot.Topic = new Class({
|
|||||||
outgoingLine.setVisibility(false);
|
outgoingLine.setVisibility(false);
|
||||||
|
|
||||||
this._outgoingLine = outgoingLine;
|
this._outgoingLine = outgoingLine;
|
||||||
workspace.appendChild(outgoingLine);
|
workspace.append(outgoingLine);
|
||||||
|
|
||||||
// Update figure is necessary.
|
// Update figure is necessary.
|
||||||
this.updateTopicShape(targetTopic);
|
this.updateTopicShape(targetTopic);
|
||||||
@ -1088,7 +1088,7 @@ mindplot.Topic = new Class({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
appendChild:function (child) {
|
append:function (child) {
|
||||||
var children = this.getChildren();
|
var children = this.getChildren();
|
||||||
children.push(child);
|
children.push(child);
|
||||||
},
|
},
|
||||||
@ -1120,7 +1120,7 @@ mindplot.Topic = new Class({
|
|||||||
|
|
||||||
addToWorkspace:function (workspace) {
|
addToWorkspace:function (workspace) {
|
||||||
var elem = this.get2DElement();
|
var elem = this.get2DElement();
|
||||||
workspace.appendChild(elem);
|
workspace.append(elem);
|
||||||
if (!this.isInWorkspace()) {
|
if (!this.isInWorkspace()) {
|
||||||
if (!this.isCentralTopic()) {
|
if (!this.isCentralTopic()) {
|
||||||
mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.NodeAdded, this.getModel());
|
mindplot.EventBus.instance.fireEvent(mindplot.EventBus.events.NodeAdded, this.getModel());
|
||||||
|
@ -61,11 +61,11 @@ mindplot.Workspace = new Class({
|
|||||||
return new web2d.Workspace(workspaceProfile);
|
return new web2d.Workspace(workspaceProfile);
|
||||||
},
|
},
|
||||||
|
|
||||||
appendChild: function(shape) {
|
append: function(shape) {
|
||||||
if ($defined(shape.addToWorkspace)) {
|
if ($defined(shape.addToWorkspace)) {
|
||||||
shape.addToWorkspace(this);
|
shape.addToWorkspace(this);
|
||||||
} else {
|
} else {
|
||||||
this._workspace.appendChild(shape);
|
this._workspace.append(shape);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -155,7 +155,7 @@ mindplot.layout.Node = new Class({
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Only update if the property has changed ...
|
// Only update if the property has changed ...
|
||||||
if (JSON.encode(prop.value) != JSON.encode(value)) {
|
if (JSON.stringify(prop.value) != JSON.stringify(value)) {
|
||||||
prop.oldValue = prop.value;
|
prop.oldValue = prop.value;
|
||||||
prop.value = value;
|
prop.value = value;
|
||||||
prop.hasChanged = true;
|
prop.hasChanged = true;
|
||||||
|
@ -57,13 +57,13 @@
|
|||||||
|
|
||||||
function q(a, b, c) {
|
function q(a, b, c) {
|
||||||
var d,e = b.href ? b.href.replace(/\?.*$/, "") : "",f = "less:" + (b.title || p(e));
|
var d,e = b.href ? b.href.replace(/\?.*$/, "") : "",f = "less:" + (b.title || p(e));
|
||||||
(d = document.getElementById(f)) === null && (d = document.createElement("style"),d.type = "text/css",d.media = b.media || "screen",d.id = f,document.getElementsByTagName("head")[0].appendChild(d));
|
(d = document.getElementById(f)) === null && (d = document.createElement("style"),d.type = "text/css",d.media = b.media || "screen",d.id = f,document.getElementsByTagName("head")[0].append(d));
|
||||||
if (d.styleSheet)try {
|
if (d.styleSheet)try {
|
||||||
d.styleSheet.cssText = a
|
d.styleSheet.cssText = a
|
||||||
} catch(g) {
|
} catch(g) {
|
||||||
throw new Error("Couldn't reassign styleSheet.cssText.")
|
throw new Error("Couldn't reassign styleSheet.cssText.")
|
||||||
} else(function(a) {
|
} else(function(a) {
|
||||||
d.childNodes.length > 0 ? d.firstChild.nodeValue !== a.nodeValue && d.replaceChild(a, d.firstChild) : d.appendChild(a)
|
d.childNodes.length > 0 ? d.firstChild.nodeValue !== a.nodeValue && d.replaceChild(a, d.firstChild) : d.append(a)
|
||||||
})(document.createTextNode(a));
|
})(document.createTextNode(a));
|
||||||
c && h && (u("saving " + e + " to cache."),h.setItem(e, a),h.setItem(e + ":timestamp", c))
|
c && h && (u("saving " + e + " to cache."),h.setItem(e, a),h.setItem(e + ":timestamp", c))
|
||||||
}
|
}
|
||||||
|
@ -78,7 +78,7 @@
|
|||||||
return p;},function(){o();return o;},function(){e();return e;});})();n.Features.xhr=!!(n.Request);var i=(Function.attempt(function(){return navigator.plugins["Shockwave Flash"].description;
|
return p;},function(){o();return o;},function(){e();return e;});})();n.Features.xhr=!!(n.Request);var i=(Function.attempt(function(){return navigator.plugins["Shockwave Flash"].description;
|
||||||
},function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version");})||"0 r0").match(/\d+/g);n.Plugins.Flash={version:Number(i[0]||"0."+i[1])||0,build:Number(i[2])||0};
|
},function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version");})||"0 r0").match(/\d+/g);n.Plugins.Flash={version:Number(i[0]||"0."+i[1])||0,build:Number(i[2])||0};
|
||||||
n.exec=function(o){if(!o){return o;}if(g.execScript){g.execScript(o);}else{var e=j.createElement("script");e.setAttribute("type","text/javascript");e.text=o;
|
n.exec=function(o){if(!o){return o;}if(g.execScript){g.execScript(o);}else{var e=j.createElement("script");e.setAttribute("type","text/javascript");e.text=o;
|
||||||
j.head.appendChild(e);j.head.removeChild(e);}return o;};String.implement("stripScripts",function(o){var e="";var p=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(q,r){e+=r+"\n";
|
j.head.append(e);j.head.removeChild(e);}return o;};String.implement("stripScripts",function(o){var e="";var p=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(q,r){e+=r+"\n";
|
||||||
return"";});if(o===true){n.exec(e);}else{if(typeOf(o)=="function"){o(e,p);}}return p;});n.extend({Document:this.Document,Window:this.Window,Element:this.Element,Event:this.Event});
|
return"";});if(o===true){n.exec(e);}else{if(typeOf(o)=="function"){o(e,p);}}return p;});n.extend({Document:this.Document,Window:this.Window,Element:this.Element,Event:this.Event});
|
||||||
this.Window=this.$constructor=new Type("Window",function(){});this.$family=Function.from("window").hide();Window.mirror(function(e,o){g[e]=o;});this.Document=j.$constructor=new Type("Document",function(){});
|
this.Window=this.$constructor=new Type("Window",function(){});this.$family=Function.from("window").hide();Window.mirror(function(e,o){g[e]=o;});this.Document=j.$constructor=new Type("Document",function(){});
|
||||||
j.$family=Function.from("document").hide();Document.mirror(function(e,o){j[e]=o;});j.html=j.documentElement;if(!j.head){j.head=j.getElementsByTagName("head")[0];
|
j.$family=Function.from("document").hide();Document.mirror(function(e,o){j[e]=o;});j.html=j.documentElement;if(!j.head){j.head=j.getElementsByTagName("head")[0];
|
||||||
|
@ -69,7 +69,7 @@ mindplot.model.IMindmap = new Class({
|
|||||||
$assert(!child.getParent(), 'Child model seems to be already connected');
|
$assert(!child.getParent(), 'Child model seems to be already connected');
|
||||||
|
|
||||||
// Connect node...
|
// Connect node...
|
||||||
parent.appendChild(child);
|
parent.append(child);
|
||||||
|
|
||||||
// Remove from the branch ...
|
// Remove from the branch ...
|
||||||
this.removeBranch(child);
|
this.removeBranch(child);
|
||||||
|
@ -199,7 +199,7 @@ mindplot.model.INodeModel = new Class({
|
|||||||
return this.getParent() != null;
|
return this.getParent() != null;
|
||||||
},
|
},
|
||||||
|
|
||||||
appendChild : function(node) {
|
append : function(node) {
|
||||||
throw "Unsupported operation";
|
throw "Unsupported operation";
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -225,7 +225,7 @@ mindplot.model.INodeModel = new Class({
|
|||||||
children.each(function(snode) {
|
children.each(function(snode) {
|
||||||
var tnode = tmindmap.createNode(snode.getType(), snode.getId());
|
var tnode = tmindmap.createNode(snode.getType(), snode.getId());
|
||||||
snode.copyTo(tnode);
|
snode.copyTo(tnode);
|
||||||
target.appendChild(tnode);
|
target.append(tnode);
|
||||||
});
|
});
|
||||||
|
|
||||||
return target;
|
return target;
|
||||||
|
@ -124,7 +124,7 @@ mindplot.model.NodeModel = new Class({
|
|||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
|
|
||||||
appendChild:function (child) {
|
append:function (child) {
|
||||||
$assert(child && child.isNodeModel(), 'Only NodeModel can be appended to Mindmap object');
|
$assert(child && child.isNodeModel(), 'Only NodeModel can be appended to Mindmap object');
|
||||||
this._children.push(child);
|
this._children.push(child);
|
||||||
child._parent = this;
|
child._parent = this;
|
||||||
|
@ -27,14 +27,14 @@ mindplot.persistence.XMLSerializer_Beta = new Class({
|
|||||||
if ($defined(name)) {
|
if ($defined(name)) {
|
||||||
mapElem.setAttribute('name', name);
|
mapElem.setAttribute('name', name);
|
||||||
}
|
}
|
||||||
document.appendChild(mapElem);
|
document.append(mapElem);
|
||||||
|
|
||||||
// Create branches ...
|
// Create branches ...
|
||||||
var topics = mindmap.getBranches();
|
var topics = mindmap.getBranches();
|
||||||
for (var i = 0; i < topics.length; i++) {
|
for (var i = 0; i < topics.length; i++) {
|
||||||
var topic = topics[i];
|
var topic = topics[i];
|
||||||
var topicDom = this._topicToXML(document, topic);
|
var topicDom = this._topicToXML(document, topic);
|
||||||
mapElem.appendChild(topicDom);
|
mapElem.append(topicDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
return document;
|
return document;
|
||||||
@ -110,7 +110,7 @@ mindplot.persistence.XMLSerializer_Beta = new Class({
|
|||||||
for (i = 0; i < icons.length; i++) {
|
for (i = 0; i < icons.length; i++) {
|
||||||
var icon = icons[i];
|
var icon = icons[i];
|
||||||
var iconDom = this._iconToXML(document, icon);
|
var iconDom = this._iconToXML(document, icon);
|
||||||
parentTopic.appendChild(iconDom);
|
parentTopic.append(iconDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
//LINKS
|
//LINKS
|
||||||
@ -118,14 +118,14 @@ mindplot.persistence.XMLSerializer_Beta = new Class({
|
|||||||
for (i = 0; i < links.length; i++) {
|
for (i = 0; i < links.length; i++) {
|
||||||
var link = links[i];
|
var link = links[i];
|
||||||
var linkDom = this._linkToXML(document, link);
|
var linkDom = this._linkToXML(document, link);
|
||||||
parentTopic.appendChild(linkDom);
|
parentTopic.append(linkDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
var notes = topic.getNotes();
|
var notes = topic.getNotes();
|
||||||
for (i = 0; i < notes.length; i++) {
|
for (i = 0; i < notes.length; i++) {
|
||||||
var note = notes[i];
|
var note = notes[i];
|
||||||
var noteDom = this._noteToXML(document, note);
|
var noteDom = this._noteToXML(document, note);
|
||||||
parentTopic.appendChild(noteDom);
|
parentTopic.append(noteDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
//CHILDREN TOPICS
|
//CHILDREN TOPICS
|
||||||
@ -133,7 +133,7 @@ mindplot.persistence.XMLSerializer_Beta = new Class({
|
|||||||
for (i = 0; i < childTopics.length; i++) {
|
for (i = 0; i < childTopics.length; i++) {
|
||||||
var childTopic = childTopics[i];
|
var childTopic = childTopics[i];
|
||||||
var childDom = this._topicToXML(document, childTopic);
|
var childDom = this._topicToXML(document, childTopic);
|
||||||
parentTopic.appendChild(childDom);
|
parentTopic.append(childDom);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -34,14 +34,14 @@ mindplot.persistence.XMLSerializer_Pela = new Class({
|
|||||||
mapElem.setAttribute('version', version);
|
mapElem.setAttribute('version', version);
|
||||||
}
|
}
|
||||||
|
|
||||||
document.appendChild(mapElem);
|
document.append(mapElem);
|
||||||
|
|
||||||
// Create branches ...
|
// Create branches ...
|
||||||
var topics = mindmap.getBranches();
|
var topics = mindmap.getBranches();
|
||||||
for (var i = 0; i < topics.length; i++) {
|
for (var i = 0; i < topics.length; i++) {
|
||||||
var topic = topics[i];
|
var topic = topics[i];
|
||||||
var topicDom = this._topicToXML(document, topic);
|
var topicDom = this._topicToXML(document, topic);
|
||||||
mapElem.appendChild(topicDom);
|
mapElem.append(topicDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Create Relationships
|
// Create Relationships
|
||||||
@ -53,7 +53,7 @@ mindplot.persistence.XMLSerializer_Pela = new Class({
|
|||||||
if (mindmap.findNodeById(relationship.getFromNode()) !== null && mindmap.findNodeById(relationship.getToNode()) !== null) {
|
if (mindmap.findNodeById(relationship.getFromNode()) !== null && mindmap.findNodeById(relationship.getToNode()) !== null) {
|
||||||
// Isolated relationships are not persisted ....
|
// Isolated relationships are not persisted ....
|
||||||
var relationDom = this._relationshipToXML(document, relationship);
|
var relationDom = this._relationshipToXML(document, relationship);
|
||||||
mapElem.appendChild(relationDom);
|
mapElem.append(relationDom);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -150,12 +150,12 @@ mindplot.persistence.XMLSerializer_Pela = new Class({
|
|||||||
var value = attributes[key];
|
var value = attributes[key];
|
||||||
if (key == 'text') {
|
if (key == 'text') {
|
||||||
var cdata = document.createCDATASection(this.rmXmlInv(value));
|
var cdata = document.createCDATASection(this.rmXmlInv(value));
|
||||||
featureDom.appendChild(cdata);
|
featureDom.append(cdata);
|
||||||
} else {
|
} else {
|
||||||
featureDom.setAttribute(key, this.rmXmlInv(value));
|
featureDom.setAttribute(key, this.rmXmlInv(value));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
parentTopic.appendChild(featureDom);
|
parentTopic.append(featureDom);
|
||||||
}
|
}
|
||||||
|
|
||||||
//CHILDREN TOPICS
|
//CHILDREN TOPICS
|
||||||
@ -163,7 +163,7 @@ mindplot.persistence.XMLSerializer_Pela = new Class({
|
|||||||
for (var j = 0; j < childTopics.length; j++) {
|
for (var j = 0; j < childTopics.length; j++) {
|
||||||
var childTopic = childTopics[j];
|
var childTopic = childTopics[j];
|
||||||
var childDom = this._topicToXML(document, childTopic);
|
var childDom = this._topicToXML(document, childTopic);
|
||||||
parentTopic.appendChild(childDom);
|
parentTopic.append(childDom);
|
||||||
|
|
||||||
}
|
}
|
||||||
return parentTopic;
|
return parentTopic;
|
||||||
@ -175,8 +175,8 @@ mindplot.persistence.XMLSerializer_Pela = new Class({
|
|||||||
} else {
|
} else {
|
||||||
var textDom = document.createElement("text");
|
var textDom = document.createElement("text");
|
||||||
var cdata = document.createCDATASection(this.rmXmlInv(text));
|
var cdata = document.createCDATASection(this.rmXmlInv(text));
|
||||||
textDom.appendChild(cdata);
|
textDom.append(cdata);
|
||||||
elem.appendChild(textDom);
|
elem.append(textDom);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -21,8 +21,9 @@ mindplot.widget.ColorPalettePanel = new Class({
|
|||||||
|
|
||||||
initialize:function (buttonId, model, baseUrl) {
|
initialize:function (buttonId, model, baseUrl) {
|
||||||
this._baseUrl = baseUrl;
|
this._baseUrl = baseUrl;
|
||||||
this.parent(buttonId, model);
|
console.error("mindplot.widget.ColorPalettePanel must be implemented...");
|
||||||
$assert($defined(baseUrl), "baseUrl can not be null");
|
// this.parent(buttonId, model);
|
||||||
|
// $assert($defined(baseUrl), "baseUrl can not be null");
|
||||||
},
|
},
|
||||||
|
|
||||||
_load:function () {
|
_load:function () {
|
||||||
|
@ -17,31 +17,31 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
mindplot.widget.FloatingTip = new Class({
|
mindplot.widget.FloatingTip = new Class({
|
||||||
Implements:[Options, Events],
|
Implements: [Options, Events],
|
||||||
|
|
||||||
options:{
|
options: {
|
||||||
position:'top',
|
position: 'top',
|
||||||
center:true,
|
center: true,
|
||||||
content:'title',
|
content: 'title',
|
||||||
html:false,
|
html: false,
|
||||||
balloon:true,
|
balloon: true,
|
||||||
arrowSize:6,
|
arrowSize: 6,
|
||||||
arrowOffset:6,
|
arrowOffset: 6,
|
||||||
distance:7,
|
distance: 7,
|
||||||
motion:40,
|
motion: 40,
|
||||||
motionOnShow:true,
|
motionOnShow: true,
|
||||||
motionOnHide:true,
|
motionOnHide: true,
|
||||||
showOn:'mouseenter',
|
showOn: 'mouseenter',
|
||||||
hideOn:'mouseleave',
|
hideOn: 'mouseleave',
|
||||||
showDelay:500,
|
showDelay: 500,
|
||||||
hideDelay:250,
|
hideDelay: 250,
|
||||||
className:'floating-tip',
|
className: 'floating-tip',
|
||||||
offset:{x:0, y:0},
|
offset: {x: 0, y: 0},
|
||||||
preventHideOnOver:true,
|
preventHideOnOver: true,
|
||||||
fx:{ 'duration':'short' }
|
fx: { 'duration': 'short' }
|
||||||
},
|
},
|
||||||
|
|
||||||
initialize:function (element, options) {
|
initialize: function (element, options) {
|
||||||
this.setOptions(options);
|
this.setOptions(options);
|
||||||
this.boundShow = function () {
|
this.boundShow = function () {
|
||||||
this.show(element);
|
this.show(element);
|
||||||
@ -56,18 +56,18 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
this.attach(element);
|
this.attach(element);
|
||||||
},
|
},
|
||||||
|
|
||||||
attach:function (element) {
|
attach: function (element) {
|
||||||
if (element.retrieve('hasEvents') !== null) {
|
if (element.data('hasEvents') !== null) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
element.addEvent(this.options.showOn, this.boundShow);
|
element.bind(this.options.showOn, this.boundShow);
|
||||||
element.addEvent(this.options.hideOn, this.boundHide);
|
element.bind(this.options.hideOn, this.boundHide);
|
||||||
element.store('hasEvents', true);
|
element.data('hasEvents', true);
|
||||||
},
|
},
|
||||||
|
|
||||||
show:function (element) {
|
show: function (element) {
|
||||||
var old = document.id(element).retrieve('floatingtip');
|
var old = document.id(element).retrieve('floatingtip');
|
||||||
if (old){
|
if (old) {
|
||||||
if (old.getStyle('opacity') == 1) {
|
if (old.getStyle('opacity') == 1) {
|
||||||
clearTimeout(old.retrieve('timeout'));
|
clearTimeout(old.retrieve('timeout'));
|
||||||
return this;
|
return this;
|
||||||
@ -89,7 +89,7 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
hide:function (element) {
|
hide: function (element) {
|
||||||
var tip = element.retrieve('floatingtip');
|
var tip = element.retrieve('floatingtip');
|
||||||
if (!tip) {
|
if (!tip) {
|
||||||
if (this.options.position == 'inside') {
|
if (this.options.position == 'inside') {
|
||||||
@ -109,7 +109,7 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
return this;
|
return this;
|
||||||
},
|
},
|
||||||
|
|
||||||
_create:function (elem) {
|
_create: function (elem) {
|
||||||
|
|
||||||
var o = this.options;
|
var o = this.options;
|
||||||
var oc = o.content;
|
var oc = o.content;
|
||||||
@ -124,7 +124,7 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
|
|
||||||
var cnt = (typeof(oc) == 'string' ? elem.get(oc) : oc(elem));
|
var cnt = (typeof(oc) == 'string' ? elem.get(oc) : oc(elem));
|
||||||
var cwr = new Element('div').addClass(o.className).setStyle('margin', 0);
|
var cwr = new Element('div').addClass(o.className).setStyle('margin', 0);
|
||||||
var tip = new Element('div').addClass(o.className + '-wrapper').setStyles({ 'margin':0, 'padding':0, 'z-index':cwr.getStyle('z-index') }).adopt(cwr);
|
var tip = new Element('div').addClass(o.className + '-wrapper').setStyles({ 'margin': 0, 'padding': 0, 'z-index': cwr.getStyle('z-index') }).adopt(cwr);
|
||||||
|
|
||||||
if (cnt) {
|
if (cnt) {
|
||||||
if (o.html)
|
if (o.html)
|
||||||
@ -136,12 +136,12 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
}
|
}
|
||||||
|
|
||||||
var body = document.id(document.body);
|
var body = document.id(document.body);
|
||||||
tip.setStyles({ 'position':'absolute', 'opacity':0, 'top':0, 'left':0 }).inject(body);
|
tip.setStyles({ 'position': 'absolute', 'opacity': 0, 'top': 0, 'left': 0 }).inject(body);
|
||||||
|
|
||||||
if (o.balloon && !Browser.ie6) {
|
if (o.balloon && !Browser.ie6) {
|
||||||
|
|
||||||
var trg = new Element('div').addClass(o.className + '-triangle').setStyles({ 'margin':0, 'padding':0 });
|
var trg = new Element('div').addClass(o.className + '-triangle').setStyles({ 'margin': 0, 'padding': 0 });
|
||||||
var trgSt = { 'border-color':cwr.getStyle('background-color'), 'border-width':o.arrowSize, 'border-style':'solid', 'width':0, 'height':0 };
|
var trgSt = { 'border-color': cwr.getStyle('background-color'), 'border-width': o.arrowSize, 'border-style': 'solid', 'width': 0, 'height': 0 };
|
||||||
|
|
||||||
switch (opos) {
|
switch (opos) {
|
||||||
case 'inside':
|
case 'inside':
|
||||||
@ -195,12 +195,12 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
trgC.height = !$defined(trgC.height) ? 0 : trgC.height;
|
trgC.height = !$defined(trgC.height) ? 0 : trgC.height;
|
||||||
trgC.width = !$defined(trgC.width) ? 0 : trgC.width;
|
trgC.width = !$defined(trgC.width) ? 0 : trgC.width;
|
||||||
|
|
||||||
var pos = { x:trgC.left + o.offset.x, y:trgC.top + o.offset.y };
|
var pos = { x: trgC.left + o.offset.x, y: trgC.top + o.offset.y };
|
||||||
|
|
||||||
if (opos == 'inside') {
|
if (opos == 'inside') {
|
||||||
tip.setStyles({ 'width':tip.getStyle('width'), 'height':tip.getStyle('height') });
|
tip.setStyles({ 'width': tip.getStyle('width'), 'height': tip.getStyle('height') });
|
||||||
elem.setStyle('position', 'relative').adopt(tip);
|
elem.setStyle('position', 'relative').adopt(tip);
|
||||||
pos = { x:o.offset.x, y:o.offset.y };
|
pos = { x: o.offset.x, y: o.offset.y };
|
||||||
} else {
|
} else {
|
||||||
switch (opos) {
|
switch (opos) {
|
||||||
case 'top':
|
case 'top':
|
||||||
@ -236,19 +236,19 @@ mindplot.widget.FloatingTip = new Class({
|
|||||||
}
|
}
|
||||||
|
|
||||||
tip.set('morph', o.fx).store('position', pos);
|
tip.set('morph', o.fx).store('position', pos);
|
||||||
tip.setStyles({ 'top':pos.y, 'left':pos.x });
|
tip.setStyles({ 'top': pos.y, 'left': pos.x });
|
||||||
|
|
||||||
return tip;
|
return tip;
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
_animate:function (tip, d) {
|
_animate: function (tip, d) {
|
||||||
|
|
||||||
clearTimeout(tip.retrieve('timeout'));
|
clearTimeout(tip.retrieve('timeout'));
|
||||||
tip.store('timeout', (function (t) {
|
tip.store('timeout', (function (t) {
|
||||||
|
|
||||||
var o = this.options, din = (d == 'in');
|
var o = this.options, din = (d == 'in');
|
||||||
var m = { 'opacity':din ? 1 : 0 };
|
var m = { 'opacity': din ? 1 : 0 };
|
||||||
|
|
||||||
if ((o.motionOnShow && din) || (o.motionOnHide && !din)) {
|
if ((o.motionOnShow && din) || (o.motionOnHide && !din)) {
|
||||||
var pos = t.retrieve('position');
|
var pos = t.retrieve('position');
|
||||||
|
@ -24,8 +24,8 @@ mindplot.widget.FontSizePanel = new Class({
|
|||||||
|
|
||||||
buildPanel: function() {
|
buildPanel: function() {
|
||||||
|
|
||||||
var content = new Element("div", {'class':'toolbarPanel','id':'fontSizePanel'});
|
var content = $("<div class='toolbarPanel' id='fontSizePanel'></div>");
|
||||||
content.innerHTML = '' +
|
content[0].innerHTML = '' +
|
||||||
'<div id="small" model="6" style="font-size:8px">Small</div>' +
|
'<div id="small" model="6" style="font-size:8px">Small</div>' +
|
||||||
'<div id="normal" model="8" style="font-size:12px">Normal</div>' +
|
'<div id="normal" model="8" style="font-size:12px">Normal</div>' +
|
||||||
'<div id="large" model="10" style="font-size:15px">Large</div>' +
|
'<div id="large" model="10" style="font-size:15px">Large</div>' +
|
||||||
|
@ -19,7 +19,8 @@
|
|||||||
mindplot.widget.IconPanel = new Class({
|
mindplot.widget.IconPanel = new Class({
|
||||||
Extends:mindplot.widget.ToolbarPaneItem,
|
Extends:mindplot.widget.ToolbarPaneItem,
|
||||||
initialize:function (buttonId, model) {
|
initialize:function (buttonId, model) {
|
||||||
this.parent(buttonId, model);
|
console.error("mindplot.widget.IconPanel");
|
||||||
|
// this.parent(buttonId, model);
|
||||||
},
|
},
|
||||||
|
|
||||||
_updateSelectedItem:function () {
|
_updateSelectedItem:function () {
|
||||||
|
@ -24,31 +24,32 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
|
|||||||
$assert(text, "text can not be null");
|
$assert(text, "text can not be null");
|
||||||
this._text = text;
|
this._text = text;
|
||||||
|
|
||||||
var children = buttonElem.getChildren();
|
console.error("mindplot.widget.KeyboardShortcutTooltip must be implemented ...");
|
||||||
var tipElemId = buttonElem.id + "Tip";
|
// var children = buttonElem.children();
|
||||||
var tipDiv = new Element('div', {id:tipElemId});
|
// var tipElemId = buttonElem.id + "Tip";
|
||||||
children[0].inject(tipDiv);
|
// var tipDiv = new Element('div', {id:tipElemId});
|
||||||
tipDiv.inject(buttonElem);
|
// children[0].inject(tipDiv);
|
||||||
|
// tipDiv.inject(buttonElem);
|
||||||
this.parent(tipDiv, {
|
//
|
||||||
// Content can also be a function of the target element!
|
// this.parent(tipDiv, {
|
||||||
content: this._buildContent.pass(buttonElem, this),
|
// // Content can also be a function of the target element!
|
||||||
html: true,
|
// content: this._buildContent.pass(buttonElem, this),
|
||||||
position: 'bottom',
|
// html: true,
|
||||||
arrowOffset : 10,
|
// position: 'bottom',
|
||||||
center: true,
|
// arrowOffset : 10,
|
||||||
arrowSize: 3,
|
// center: true,
|
||||||
offset : {x:0,y:-2},
|
// arrowSize: 3,
|
||||||
className: 'keyboardShortcutTip',
|
// offset : {x:0,y:-2},
|
||||||
preventHideOnOver : false,
|
// className: 'keyboardShortcutTip',
|
||||||
motionOnShow:false,
|
// preventHideOnOver : false,
|
||||||
motionOnHide:false,
|
// motionOnShow:false,
|
||||||
fx: { 'duration': '100' }
|
// motionOnHide:false,
|
||||||
});
|
// fx: { 'duration': '100' }
|
||||||
|
// });
|
||||||
tipDiv.addEvent('click', function(e) {
|
//
|
||||||
tipDiv.fireEvent('mouseleave', e);
|
// tipDiv.addEvent('click', function(e) {
|
||||||
});
|
// tipDiv.fireEvent('mouseleave', e);
|
||||||
|
// });
|
||||||
},
|
},
|
||||||
|
|
||||||
_buildContent : function() {
|
_buildContent : function() {
|
||||||
|
@ -21,7 +21,7 @@ mindplot.widget.LinkIconTooltip = new Class({
|
|||||||
|
|
||||||
initialize:function (linkIcon) {
|
initialize:function (linkIcon) {
|
||||||
$assert(linkIcon, "linkIcon can not be null");
|
$assert(linkIcon, "linkIcon can not be null");
|
||||||
this.parent(linkIcon.getImage()._peer._native, {
|
this.parent($(linkIcon.getImage()._peer._native), {
|
||||||
// Content can also be a function of the target element!
|
// Content can also be a function of the target element!
|
||||||
content:this._buildContent.pass(linkIcon, this),
|
content:this._buildContent.pass(linkIcon, this),
|
||||||
html:true,
|
html:true,
|
||||||
|
@ -18,32 +18,28 @@
|
|||||||
|
|
||||||
mindplot.widget.ListToolbarPanel = new Class({
|
mindplot.widget.ListToolbarPanel = new Class({
|
||||||
Extends: mindplot.widget.ToolbarPaneItem,
|
Extends: mindplot.widget.ToolbarPaneItem,
|
||||||
initialize : function(buttonId, model) {
|
initialize: function (buttonId, model) {
|
||||||
this.parent(buttonId, model);
|
this.parent(buttonId, model);
|
||||||
this._initPanel();
|
this._initPanel();
|
||||||
},
|
},
|
||||||
|
|
||||||
_initPanel: function () {
|
_initPanel: function () {
|
||||||
// Register on toolbar elements ...
|
// Register on toolbar elements ...
|
||||||
var menuElems = this.getPanelElem().getElements('div');
|
this.getPanelElem().children('div').bind('click', function (event) {
|
||||||
menuElems.each(function(elem) {
|
event.stopPropagation();
|
||||||
elem.addEvent('click', function(event) {
|
this.hide();
|
||||||
event.stopPropagation();
|
var value = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
|
||||||
this.hide();
|
this.getModel().setValue(value);
|
||||||
|
});
|
||||||
var value = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
|
|
||||||
this.getModel().setValue(value);
|
|
||||||
}.bind(this));
|
|
||||||
}.bind(this));
|
|
||||||
},
|
},
|
||||||
|
|
||||||
_updateSelectedItem : function() {
|
_updateSelectedItem: function () {
|
||||||
var panelElem = this.getPanelElem();
|
var panelElem = this.getPanelElem();
|
||||||
var menuElems = panelElem.getElements('div');
|
var menuElems = panelElem.getElements('div');
|
||||||
var value = this.getModel().getValue();
|
var value = this.getModel().getValue();
|
||||||
menuElems.each(function(elem) {
|
menuElems.each(function (elem) {
|
||||||
var elemValue = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
|
var elemValue = $defined(elem.getAttribute('model')) ? elem.getAttribute('model') : elem.id;
|
||||||
$assert(elemValue,"elemValue can not be null");
|
$assert(elemValue, "elemValue can not be null");
|
||||||
if (elemValue == value)
|
if (elemValue == value)
|
||||||
elem.className = "toolbarPanelLinkSelectedLink";
|
elem.className = "toolbarPanelLinkSelectedLink";
|
||||||
else
|
else
|
||||||
|
@ -326,7 +326,7 @@ mindplot.widget.Menu = new Class({
|
|||||||
|
|
||||||
if (!readOnly) {
|
if (!readOnly) {
|
||||||
// To prevent the user from leaving the page with changes ...
|
// To prevent the user from leaving the page with changes ...
|
||||||
Element.NativeEvents.unload = 1;
|
// Element.NativeEvents.unload = 1;
|
||||||
$(window).bind('unload', function () {
|
$(window).bind('unload', function () {
|
||||||
if (this.isSaveRequired()) {
|
if (this.isSaveRequired()) {
|
||||||
this.save(saveElem, designer, false, true);
|
this.save(saveElem, designer, false, true);
|
||||||
|
@ -65,11 +65,11 @@ mindplot.widget.ToolbarPaneItem = new Class({
|
|||||||
offset: {x:-4,y:0}
|
offset: {x:-4,y:0}
|
||||||
});
|
});
|
||||||
|
|
||||||
this._tip.bind('hide', function() {
|
this._tip.addEvent('hide', function() {
|
||||||
this._visible = false
|
this._visible = false
|
||||||
}.bind(this));
|
}.bind(this));
|
||||||
|
|
||||||
this._tip.bind('show', function() {
|
this._tip.addEvent('show', function() {
|
||||||
this._visible = true
|
this._visible = true
|
||||||
}.bind(this));
|
}.bind(this));
|
||||||
|
|
||||||
|
@ -17,15 +17,15 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
mindplot.widget.TopicShapePanel = new Class({
|
mindplot.widget.TopicShapePanel = new Class({
|
||||||
Extends : mindplot.widget.ListToolbarPanel,
|
Extends: mindplot.widget.ListToolbarPanel,
|
||||||
initialize : function(buttonId, model) {
|
initialize: function (buttonId, model) {
|
||||||
this.parent(buttonId, model);
|
this.parent(buttonId, model);
|
||||||
},
|
},
|
||||||
|
|
||||||
buildPanel: function() {
|
buildPanel: function () {
|
||||||
|
|
||||||
var content = new Element("div", {'class':'toolbarPanel','id':'topicShapePanel'});
|
var content = $("<div class='toolbarPanel' id='topicShapePanel'></div>");
|
||||||
content.innerHTML = '' +
|
content[0].innerHTML = '' +
|
||||||
'<div id="rectagle" model="rectagle"><img src="images/shape-rectangle.png" alt="Rectangle"></div>' +
|
'<div id="rectagle" model="rectagle"><img src="images/shape-rectangle.png" alt="Rectangle"></div>' +
|
||||||
'<div id="rounded_rectagle" model="rounded rectagle" ><img src="images/shape-rectangle-round.png" alt="Rounded Rectangle"></div>' +
|
'<div id="rounded_rectagle" model="rounded rectagle" ><img src="images/shape-rectangle-round.png" alt="Rounded Rectangle"></div>' +
|
||||||
'<div id="line" model="line"><img src="images/shape-line.png" alt="Line"></div>' +
|
'<div id="line" model="line"><img src="images/shape-line.png" alt="Line"></div>' +
|
||||||
|
Loading…
Reference in New Issue
Block a user