%PDF-
%PDF-
Mini Shell
Mini Shell
/*global kampfer console*/
kampfer.require('Component');
kampfer.require('dom');
kampfer.require('events');
kampfer.provide('mindMap.Branch');
kampfer.mindMap.Branch = kampfer.Component.extend({
initializer : function(data) {
kampfer.mindMap.Branch.superClass.initializer.apply(this, arguments);
this._id = this.prefix + data.id;
this.createDom();
},
createDom : function() {
this._element = kampfer.global.document.createElement('canvas');
},
decorate : function() {
kampfer.mindMap.Branch.superClass.decorate.apply(this, arguments);
var size = this.calculateSize(),
position = this.calculatePosition();
kampfer.dom.setStyle(this._element, {
left : position.left + 'px',
top : position.top + 'px'
});
this._element.width = size.width;
this._element.height = size.height;
this._element.id = this.prefix + this.getParent().getId();
this._element.setAttribute('role', 'branch');
this.drawLine();
},
getQuadrant : function() {
var position = this._parent.getPosition(),
x = position.left,
y = position.top;
if(x > 0 && y < 0) {
return 1;
}
if(x === 0 && y < 0) {
return 'topY';
}
if(x < 0 && y < 0) {
return 2;
}
if(x < 0 && y === 0) {
return 'leftX';
}
if(x < 0 && y > 0) {
return 3;
}
if(x === 0 && y > 0) {
return 'bottomY';
}
if(x > 0 && y > 0) {
return 4;
}
if(x > 0 && y === 0) {
return 'rightX';
}
},
calculateSize : function() {
var offset = this.getParent().getPosition(),
x = Math.abs(offset.left),
y = Math.abs(offset.top);
x = x <= 0 ? 10 : x;
y = y <= 0 ? 10 : y;
return {
width : x,
height : y
};
},
calculatePosition : function() {
var quadrant = this.getQuadrant(),
offset = this.getParent().getPosition();
switch(quadrant) {
case 1 :
return {
left : -offset.left,
top : 0
};
case 'topY' :
return {
left : -5,
top : 0
};
case 2 :
return {
left : 0,
top : 0
};
case 'leftX' :
return {
left : 0,
top : -5
};
case 3 :
return {
left : 0,
top : -offset.top
};
case 'bottomY' :
return {
left : -5,
top : -offset.top
};
case 4 :
return {
left : -offset.left,
top : -offset.top
};
case 'rightX' :
return {
left : -offset.left,
top : -5
};
default :
throw ('invalid quadrant!');
}
},
drawLine : function() {
var quadrant = this.getQuadrant(),
ctx = this._element.getContext('2d');
ctx.beginPath();
if(quadrant === 1) {
ctx.moveTo(0, ctx.canvas.height - 6);
ctx.lineTo(6, ctx.canvas.height);
ctx.lineTo(ctx.canvas.width, 0);
}
if(quadrant === 'topY') {
ctx.moveTo(0, ctx.canvas.height);
ctx.lineTo(ctx.canvas.width, ctx.canvas.height);
ctx.lineTo(ctx.canvas.width / 2, 0);
}
if(quadrant === 2) {
ctx.moveTo(ctx.canvas.width, ctx.canvas.height - 6);
ctx.lineTo(ctx.canvas.width - 6, ctx.canvas.height);
ctx.lineTo(0, 0);
}
if(quadrant === 'leftX') {
ctx.moveTo(ctx.canvas.width, 0);
ctx.lineTo(ctx.canvas.width, ctx.canvas.height);
ctx.lineTo(0, ctx.canvas.height / 2);
}
if(quadrant === 3) {
ctx.moveTo(ctx.canvas.width - 6, 0);
ctx.lineTo(ctx.canvas.width, 6);
ctx.lineTo(0, ctx.canvas.height);
}
if(quadrant === 'bottomY') {
ctx.moveTo(0, 0);
ctx.lineTo(ctx.canvas.width, 0);
ctx.lineTo(ctx.canvas.width / 2, ctx.canvas.height);
}
if(quadrant === 4) {
ctx.moveTo(6, 0);
ctx.lineTo(0, 6);
ctx.lineTo(ctx.canvas.width, ctx.canvas.height);
}
if(quadrant === 'rightX') {
ctx.moveTo(0, 0);
ctx.lineTo(0, ctx.canvas.height);
ctx.lineTo(ctx.canvas.width, ctx.canvas.height / 2);
}
ctx.fill();
},
prefix : 'branch-',
dispose : function() {}
});
Zerion Mini Shell 1.0