structr.js.ge.ge_lib.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of structr-ui Show documentation
Structr is an open source framework based on the popular Neo4j graph database.
The newest version!
/*
 * Copyright (C) 2010-2016 Structr GmbH
 *
 * This file is part of Structr .
 *
 * Structr is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * Structr is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Structr.  If not, see .
 */

/****************************************************************************************************
 * Templates
 ****************************************************************************************************/

function nodeHtml(entity) {
    var id = entity.id;
    var type = entity.type;
    var size = entity.size;
    var x = entity.pos[0]
    var y = entity.pos[1];
    return (' [' + type + ']');
}

/****************************************************************************************************
 * Helper
 ****************************************************************************************************/

/**
 * Return value of URL parameter with given name
 */
function getURLParameter(name) {
    return decodeURI(
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]
            );
}

/**
 * Return a random integer between 0 and max
 */
function rand(max) {
    return Math.floor(Math.random() * max + 1);
}

function nextPos(oldPos, r) {
    var angle = rand(360);
    return [oldPos[0] + r * Math.cos(angle), oldPos[1] + r * Math.sin(angle)];
}

/****************************************************************************************************
 * Drawing
 ****************************************************************************************************/

/**
 * Draw a relationship with given type and id
 * [x1,y1], [x2,y2]: center of start and end node element
 * [w1,h1], [w2,h2]: width and height of start and end node element
 */
function drawRel(ctx, type, id, x1, y1, x2, y2, w1, h1, w2, h2) {

    if (ctx) {

        w1+=14; h1+=6;
        w2+=14; h2+=6;

        //x1-=11; y1-=11;// w1+=2; h1+=2;
        //x2-=11; y2-=11;// w2+=2; h2+=2;

        var ax, ay, bx, by;

        var cx = (h1 / 2) * (x2 - x1) / (y2 - y1);
        var cy = (w1 / 2) * (y2 - y1) / (x2 - x1);
        var dx = (h2 / 2) * (x2 - x1) / (y2 - y1);
        var dy = (w2 / 2) * (y2 - y1) / (x2 - x1);

        if (y2 >= y1) {

            ax = Math.min(Math.max(x1 + cx, x1 - (w1 / 2)), x1 + (w1 / 2));
            bx = Math.min(Math.max(x2 - dx, x2 - (w2 / 2)), x2 + (w2 / 2));

        } else if (y1 > y2) {

            ax = Math.min(Math.max(x1 - cx, x1 - (w1 / 2)), x1 + (w1 / 2));
            bx = Math.min(Math.max(x2 + dx, x2 - (w2 / 2)), x2 + (w2 / 2));

        }

        //if (x2-dx > x2+(w2/2) || x2-dx < x2-(w2/2)) {
        //if (x2>x1) {        

        //console.log(x1,y1,x2,y2);
        if (x2 >= x1) {

            ay = Math.min(Math.max(y1 + cy, y1 - (h1 / 2)), y1 + (h1 / 2));
            by = Math.min(Math.max(y2 - dy, y2 - (h2 / 2)), y2 + (h2 / 2));

        } else if (x1 > x2) {

            ay = Math.min(Math.max(y1 - cy, y1 - (h1 / 2)), y1 + (h1 / 2));
            by = Math.min(Math.max(y2 + dy, y2 - (h2 / 2)), y2 + (h2 / 2));

        }

        ax+=7; ay+=7;
        bx+=7; by+=7;

        drawArrow(ctx, ax, ay, bx, by);
        //drawText(ctx, type + ' ['+id+']', bx-(bx-ax)/2, by-(by-ay)/2);
        drawText(ctx, type, bx - (bx - ax) / 2, by - (by - ay) / 2);

    }
}

/**
 * Draw given text at the specified position
 */
function drawText(ctx, text, x, y) {
    if (text && x && y) {
        ctx.font = "10px sans-serif";
        ctx.textAlign = "center";
        ctx.textBaseline = "bottom";
        ctx.fillText(text, x, y);
    }
}

/**
 * Draw an arrow from [x1,y1] to [x2,y2]
 */
function drawArrow(ctx, x1, y1, x2, y2) {
    var size = 10;
    var angle = Math.atan2(y2 - y1, x2 - x1);
    ctx.beginPath();
    ctx.moveTo(x1, y1);
    ctx.lineTo(x2, y2);
    ctx.stroke();
    ctx.closePath();
    ctx.beginPath();
    var x3 = x2 - size * Math.cos(angle - Math.PI / 6);
    var y3 = y2 - size * Math.sin(angle - Math.PI / 6);
    ctx.lineTo(x3, y3);
    ctx.moveTo(x2, y2);
    var x4 = x2 - size * Math.cos(angle + Math.PI / 6);
    var y4 = y2 - size * Math.sin(angle + Math.PI / 6);
    ctx.lineTo(x4, y4);
    ctx.lineTo(x3, y3);
    ctx.lineTo(x2, y2);
    ctx.fill();
    ctx.stroke();
    ctx.closePath();
}