SoundSoftware Code Site

var revisionGraph = null;

function drawRevisionGraph(holder, commits_hash, graph_space) {

    var XSTEP = 20,

        CIRCLE_INROW_OFFSET = 10;

    var commits_by_scmid = commits_hash,

        commits = $.map(commits_by_scmid, function(val,i){return val;});

    var max_rdmid = commits.length - 1;

    var commit_table_rows = $('table.changesets tr.changeset');

    // create graph

    if(revisionGraph != null)

        revisionGraph.clear();

    else

        revisionGraph = Raphael(holder);

    var top = revisionGraph.set();

    // init dimensions

    var graph_x_offset = commit_table_rows.first().find('td').first().position().left - $(holder).position().left,

        graph_y_offset = $(holder).position().top,

        graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,

        graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;

    revisionGraph.setSize(graph_right_side, graph_bottom);

    // init colors

    var colors = [];

    Raphael.getColor.reset();

    for (var k = 0; k <= graph_space; k++) {

        colors.push(Raphael.getColor());

    }

    var parent_commit;

    var x, y, parent_x, parent_y;

    var path, title;

    var revision_dot_overlay;

    $.each(commits, function(index, commit) {

        if (!commit.hasOwnProperty("space"))

            commit.space = 0;

        y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;

        x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;

        revisionGraph.circle(x, y, 3)

            .attr({

                fill: colors[commit.space],

                stroke: 'none',

            }).toFront();

        // paths to parents

        $.each(commit.parent_scmids, function(index, parent_scmid) {

            parent_commit = commits_by_scmid[parent_scmid];

            if (parent_commit) {

                if (!parent_commit.hasOwnProperty("space"))

                    parent_commit.space = 0;

                parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;

                parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;

                if (parent_commit.space == commit.space) {

                    // vertical path

                    path = revisionGraph.path([

                        'M', x, y,

                        'V', parent_y]);

                } else {

                    // path to a commit in a different branch (Bezier curve)

                    path = revisionGraph.path([

                        'M', x, y,

                        'C', x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,

                        'C', x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y]);

                }

            } else {

                // vertical path ending at the bottom of the revisionGraph

                path = revisionGraph.path([

                    'M', x, y,

                    'V', graph_bottom]);

            }

            path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();

        });

        revision_dot_overlay = revisionGraph.circle(x, y, 10);

        revision_dot_overlay

            .attr({

                fill: '#000',

                opacity: 0,

                cursor: 'pointer', 

                href: commit.href

            });

        if(commit.refs != null && commit.refs.length > 0) {

            title = document.createElementNS(revisionGraph.canvas.namespaceURI, 'title');

            title.appendChild(document.createTextNode(commit.refs));

            revision_dot_overlay.node.appendChild(title);

        }

        top.push(revision_dot_overlay);

    });

    top.toFront();

};