mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-11-14 10:47:57 +01:00
344 lines
11 KiB
JavaScript
344 lines
11 KiB
JavaScript
/*
|
|
* 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.
|
|
*/
|
|
|
|
core.Utils =
|
|
{
|
|
escapeInvalidTags: function (text) {
|
|
//todo:Pablo. scape invalid tags in a text
|
|
return text;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* http://kevlindev.com/tutorials/javascript/inheritance/index.htm
|
|
* A function used to extend one class with another
|
|
*
|
|
* @param {Object} subClass
|
|
* The inheriting class, or subclass
|
|
* @param {Object} baseClass
|
|
* The class from which to inherit
|
|
*/
|
|
objects = {};
|
|
objects.extend = function(subClass, baseClass) {
|
|
function inheritance() {
|
|
}
|
|
|
|
inheritance.prototype = baseClass.prototype;
|
|
|
|
subClass.prototype = new inheritance();
|
|
subClass.prototype.constructor = subClass;
|
|
subClass.baseConstructor = baseClass;
|
|
subClass.superClass = baseClass.prototype;
|
|
};
|
|
|
|
Math.sign = function(value) {
|
|
return (value >= 0) ? 1 : -1;
|
|
};
|
|
|
|
|
|
/**
|
|
* Retrieve the mouse position.
|
|
*/
|
|
core.Utils.getMousePosition = function(event) {
|
|
var xcoord = -1;
|
|
var ycoord = -1;
|
|
|
|
if (!$defined(event)) {
|
|
if ($defined(window.event)) {
|
|
//Internet Explorer
|
|
event = window.event;
|
|
} else {
|
|
//total failure, we have no way of referencing the event
|
|
throw "Could not obtain mouse position";
|
|
}
|
|
}
|
|
if ($defined(event.$extended)) {
|
|
event = event.event;
|
|
}
|
|
if (typeof( event.pageX ) == 'number') {
|
|
//most browsers
|
|
xcoord = event.pageX;
|
|
ycoord = event.pageY;
|
|
} else if (typeof( event.clientX ) == 'number') {
|
|
//Internet Explorer and older browsers
|
|
//other browsers provide this, but follow the pageX/Y branch
|
|
xcoord = event.clientX;
|
|
ycoord = event.clientY;
|
|
var badOldBrowser = ( window.navigator.userAgent.indexOf('Opera') + 1 ) ||
|
|
( window.ScriptEngine && ScriptEngine().indexOf('InScript') + 1 ) ||
|
|
( navigator.vendor == 'KDE' );
|
|
if (!badOldBrowser) {
|
|
if (document.body && ( document.body.scrollLeft || document.body.scrollTop )) {
|
|
//IE 4, 5 & 6 (in non-standards compliant mode)
|
|
xcoord += document.body.scrollLeft;
|
|
ycoord += document.body.scrollTop;
|
|
} else if (document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop )) {
|
|
//IE 6 (in standards compliant mode)
|
|
xcoord += document.documentElement.scrollLeft;
|
|
ycoord += document.documentElement.scrollTop;
|
|
}
|
|
}
|
|
} else {
|
|
throw "Could not obtain mouse position";
|
|
}
|
|
|
|
|
|
return {x:xcoord,y:ycoord};
|
|
};
|
|
|
|
|
|
/**
|
|
* Calculate the position of the passed element.
|
|
*/
|
|
core.Utils.workOutDivElementPosition = function(divElement) {
|
|
var curleft = 0;
|
|
var curtop = 0;
|
|
if ($defined(divElement.offsetParent)) {
|
|
curleft = divElement.offsetLeft;
|
|
curtop = divElement.offsetTop;
|
|
while (divElement = divElement.offsetParent) {
|
|
curleft += divElement.offsetLeft;
|
|
curtop += divElement.offsetTop;
|
|
}
|
|
}
|
|
return {x:curleft,y:curtop};
|
|
};
|
|
|
|
|
|
core.Utils.innerXML = function(/*Node*/node) {
|
|
// summary:
|
|
// Implementation of MS's innerXML function.
|
|
if ($defined(node.innerXML)) {
|
|
return node.innerXML;
|
|
// string
|
|
} else if ($defined(node.xml)) {
|
|
return node.xml;
|
|
// string
|
|
} else if ($defined(XMLSerializer)) {
|
|
return (new XMLSerializer()).serializeToString(node);
|
|
// string
|
|
}
|
|
};
|
|
|
|
core.Utils.createDocument = function() {
|
|
// summary:
|
|
// cross-browser implementation of creating an XML document object.
|
|
var doc = null;
|
|
var _document = window.document;
|
|
if ($defined(window.ActiveXObject)) {
|
|
var prefixes = [ "MSXML2", "Microsoft", "MSXML", "MSXML3" ];
|
|
for (var i = 0; i < prefixes.length; i++) {
|
|
try {
|
|
doc = new ActiveXObject(prefixes[i] + ".XMLDOM");
|
|
} catch(e) { /* squelch */
|
|
}
|
|
;
|
|
|
|
if ($defined(doc)) {
|
|
break;
|
|
}
|
|
}
|
|
} else if ((_document.implementation) &&
|
|
(_document.implementation.createDocument)) {
|
|
doc = _document.implementation.createDocument("", "", null);
|
|
}
|
|
|
|
return doc;
|
|
// DOMDocument
|
|
};
|
|
|
|
core.Utils.createDocumentFromText = function(/*string*/str, /*string?*/mimetype) {
|
|
// summary:
|
|
// attempts to create a Document object based on optional mime-type,
|
|
// using str as the contents of the document
|
|
if (!$defined(mimetype)) {
|
|
mimetype = "text/xml";
|
|
}
|
|
if ($defined(window.DOMParser)) {
|
|
var parser = new DOMParser();
|
|
return parser.parseFromString(str, mimetype);
|
|
// DOMDocument
|
|
} else if ($defined(window.ActiveXObject)) {
|
|
var domDoc = core.Utils.createDocument();
|
|
if ($defined(domDoc)) {
|
|
domDoc.async = false;
|
|
domDoc.loadXML(str);
|
|
return domDoc;
|
|
// DOMDocument
|
|
}
|
|
}
|
|
return null;
|
|
};
|
|
|
|
core.Utils.calculateRelationShipPointCoordinates = function(topic, controlPoint) {
|
|
var size = topic.getSize();
|
|
var position = topic.getPosition();
|
|
var m = (position.y - controlPoint.y) / (position.x - controlPoint.x);
|
|
var y,x;
|
|
var gap = 5;
|
|
if (controlPoint.y > position.y + (size.height / 2)) {
|
|
y = position.y + (size.height / 2) + gap;
|
|
x = position.x - ((position.y - y) / m);
|
|
if (x > position.x + (size.width / 2)) {
|
|
x = position.x + (size.width / 2);
|
|
} else if (x < position.x - (size.width / 2)) {
|
|
x = position.x - (size.width / 2);
|
|
}
|
|
} else if (controlPoint.y < position.y - (size.height / 2)) {
|
|
y = position.y - (size.height / 2) - gap;
|
|
x = position.x - ((position.y - y) / m);
|
|
if (x > position.x + (size.width / 2)) {
|
|
x = position.x + (size.width / 2);
|
|
} else if (x < position.x - (size.width / 2)) {
|
|
x = position.x - (size.width / 2);
|
|
}
|
|
} else if (controlPoint.x < (position.x - size.width / 2)) {
|
|
x = position.x - (size.width / 2) - gap;
|
|
y = position.y - (m * (position.x - x));
|
|
} else {
|
|
x = position.x + (size.width / 2) + gap;
|
|
y = position.y - (m * (position.x - x));
|
|
}
|
|
|
|
return new core.Point(x, y);
|
|
};
|
|
|
|
core.Utils.calculateDefaultControlPoints = function(srcPos, tarPos) {
|
|
var y = srcPos.y - tarPos.y;
|
|
var x = srcPos.x - tarPos.x;
|
|
var m = y / x;
|
|
var l = Math.sqrt(y * y + x * x) / 3;
|
|
var fix = 1;
|
|
if (srcPos.x > tarPos.x) {
|
|
fix = -1;
|
|
}
|
|
|
|
var x1 = srcPos.x + Math.sqrt(l * l / (1 + (m * m))) * fix;
|
|
var y1 = m * (x1 - srcPos.x) + srcPos.y;
|
|
var x2 = tarPos.x + Math.sqrt(l * l / (1 + (m * m))) * fix * -1;
|
|
var y2 = m * (x2 - tarPos.x) + tarPos.y;
|
|
|
|
return [new core.Point(-srcPos.x + x1, -srcPos.y + y1),new core.Point(-tarPos.x + x2, -tarPos.y + y2)];
|
|
};
|
|
|
|
core.Utils.setVisibilityAnimated = function(elems, isVisible, doneFn) {
|
|
core.Utils.animateVisibility(elems, isVisible, doneFn);
|
|
};
|
|
|
|
core.Utils.setChildrenVisibilityAnimated = function(rootElem, isVisible) {
|
|
var children = core.Utils._addInnerChildrens(rootElem);
|
|
core.Utils.animateVisibility(children, isVisible);
|
|
};
|
|
|
|
core.Utils.animateVisibility = function (elems, isVisible, doneFn) {
|
|
var _fadeEffect = null;
|
|
var _opacity = (isVisible ? 0 : 1);
|
|
if (isVisible) {
|
|
elems.forEach(function(child, index) {
|
|
if ($defined(child)) {
|
|
child.setOpacity(_opacity);
|
|
child.setVisibility(isVisible);
|
|
}
|
|
});
|
|
}
|
|
var fadeEffect = function(index) {
|
|
var step = 10;
|
|
if ((_opacity <= 0 && !isVisible) || (_opacity >= 1 && isVisible)) {
|
|
$clear(_fadeEffect);
|
|
_fadeEffect = null;
|
|
elems.forEach(function(child, index) {
|
|
if ($defined(child)) {
|
|
child.setVisibility(isVisible);
|
|
}
|
|
|
|
});
|
|
if ($defined(doneFn))
|
|
doneFn.attempt();
|
|
}
|
|
else {
|
|
var fix = 1;
|
|
if (isVisible) {
|
|
fix = -1;
|
|
}
|
|
_opacity -= (1 / step) * fix;
|
|
elems.forEach(function(child, index) {
|
|
if ($defined(child)) {
|
|
child.setOpacity(_opacity);
|
|
}
|
|
});
|
|
}
|
|
|
|
};
|
|
_fadeEffect = fadeEffect.periodical(10);
|
|
};
|
|
|
|
core.Utils.animatePosition = function (elems, doneFn, designer) {
|
|
var _moveEffect = null;
|
|
var i = 10;
|
|
var step = 10;
|
|
var moveEffect = function () {
|
|
if (i > 0) {
|
|
var keys = elems.keys();
|
|
for (var j = 0; j < keys.length; j++) {
|
|
var id = keys[j];
|
|
var mod = elems.get(id);
|
|
var allTopics = designer._getTopics();
|
|
var currentTopic = allTopics.filter(function(node) {
|
|
return node.getId() == id;
|
|
})[0];
|
|
var xStep = (mod.originalPos.x - mod.newPos.x) / step;
|
|
var yStep = (mod.originalPos.y - mod.newPos.y) / step;
|
|
var newPos = currentTopic.getPosition().clone();
|
|
newPos.x += xStep;
|
|
newPos.y += yStep;
|
|
currentTopic.setPosition(newPos, false);
|
|
}
|
|
} else {
|
|
$clear(_moveEffect);
|
|
var keys = elems.keys();
|
|
for (var j = 0; j < keys.length; j++) {
|
|
var id = keys[j];
|
|
var mod = elems.get(id);
|
|
var allTopics = designer._getTopics();
|
|
var currentTopic = allTopics.filter(function(node) {
|
|
return node.getId() == id;
|
|
})[0];
|
|
currentTopic.setPosition(mod.originalPos, false);
|
|
}
|
|
if ($defined(doneFn))
|
|
doneFn.attempt();
|
|
}
|
|
i--;
|
|
};
|
|
_moveEffect = moveEffect.periodical(10);
|
|
};
|
|
|
|
core.Utils._addInnerChildrens = function(elem) {
|
|
var children = [];
|
|
var childs = elem._getChildren();
|
|
for (var i = 0; i < childs.length; i++) {
|
|
var child = childs[i];
|
|
children.push(child);
|
|
children.push(child.getOutgoingLine());
|
|
var relationships = child.getRelationships();
|
|
children = children.concat(relationships);
|
|
var innerChilds = core.Utils._addInnerChildrens(child);
|
|
children = children.concat(innerChilds);
|
|
}
|
|
return children;
|
|
}; |