wisemapping-open-source/mindplot/src/main/javascript/ShrinkConnector.js
2011-09-02 02:31:03 -03:00

107 lines
3.1 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.
*/
mindplot.ShirinkConnector = new Class({
initialize: function(topic) {
var elipse = new web2d.Elipse(mindplot.Topic.prototype.INNER_RECT_ATTRIBUTES);
this._elipse = elipse;
elipse.setFill('#f7f7f7');
elipse.setSize(mindplot.Topic.CONNECTOR_WIDTH, mindplot.Topic.CONNECTOR_WIDTH);
elipse.addEvent('click', function(event) {
var model = topic.getModel();
var collapse = !model.areChildrenShrinked();
var topicId = topic.getId();
var actionDispatcher = mindplot.ActionDispatcher.getInstance();
actionDispatcher.shrinkBranch([topicId], collapse);
event.stopPropagation();
});
elipse.addEvent('mousedown', function(event) {
// Avoid node creation ...
event.stopPropagation();
});
elipse.addEvent('dblclick', function(event) {
// Avoid node creation ...
event.stopPropagation();
});
elipse.addEvent('mouseover', function(event) {
elipse.setFill('rgb(153, 0, 255)');
});
elipse.addEvent('mouseout', function(event) {
var color = topic.getBackgroundColor();
this.setFill(color);
}.bind(this));
elipse.setCursor('default');
this._fillColor = '#f7f7f7';
var model = topic.getModel();
this.changeRender(model.areChildrenShrinked());
},
changeRender: function(isShrink) {
var elipse = this._elipse;
if (isShrink) {
elipse.setStroke('2', 'solid');
} else {
elipse.setStroke('1', 'solid');
}
},
setVisibility: function(value) {
this._elipse.setVisibility(value);
},
setOpacity: function(opacity) {
this._elipse.setOpacity(opacity);
},
setFill: function(color) {
this._fillColor = color;
this._elipse.setFill(color);
},
setAttribute: function(name, value) {
this._elipse.setAttribute(name, value);
},
addToWorkspace: function(group) {
group.appendChild(this._elipse);
},
setPosition: function(x, y) {
this._elipse.setPosition(x, y);
},
moveToBack: function() {
this._elipse.moveToBack();
},
moveToFront: function() {
this._elipse.moveToFront();
}
});