Chamilo/plugin/mindmap/edit-mindmap/vendor/js/branch.js

/*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() {}
    
});