Chris@1296: var revisionGraph = null;
Chris@1296: 
Chris@1296: function drawRevisionGraph(holder, commits_hash, graph_space) {
Chris@1296:     var XSTEP = 20,
Chris@1296:         CIRCLE_INROW_OFFSET = 10;
Chris@1296:     var commits_by_scmid = commits_hash,
Chris@1296:         commits = $.map(commits_by_scmid, function(val,i){return val;});
Chris@1296:     var max_rdmid = commits.length - 1;
Chris@1296:     var commit_table_rows = $('table.changesets tr.changeset');
Chris@1296: 
Chris@1296:     // create graph
Chris@1296:     if(revisionGraph != null)
Chris@1296:         revisionGraph.clear();
Chris@1296:     else
Chris@1296:         revisionGraph = Raphael(holder);
Chris@1296: 
Chris@1296:     var top = revisionGraph.set();
Chris@1296:     // init dimensions
Chris@1296:     var graph_x_offset = commit_table_rows.first().find('td').first().position().left - $(holder).position().left,
Chris@1296:         graph_y_offset = $(holder).position().top,
Chris@1296:         graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
Chris@1296:         graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;
Chris@1296: 
Chris@1296:     revisionGraph.setSize(graph_right_side, graph_bottom);
Chris@1296: 
Chris@1296:     // init colors
Chris@1296:     var colors = [];
Chris@1296:     Raphael.getColor.reset();
Chris@1296:     for (var k = 0; k <= graph_space; k++) {
Chris@1296:         colors.push(Raphael.getColor());
Chris@1296:     }
Chris@1296: 
Chris@1296:     var parent_commit;
Chris@1296:     var x, y, parent_x, parent_y;
Chris@1296:     var path, title;
Chris@1296:     var revision_dot_overlay;
Chris@1296:     $.each(commits, function(index, commit) {
Chris@1296:         if (!commit.hasOwnProperty("space"))
Chris@1296:             commit.space = 0;
Chris@1296: 
Chris@1296:         y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
Chris@1296:         x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;
Chris@1296:         revisionGraph.circle(x, y, 3)
Chris@1296:             .attr({
Chris@1296:                 fill: colors[commit.space],
Chris@1296:                 stroke: 'none',
Chris@1296:             }).toFront();
Chris@1296:         // paths to parents
Chris@1296:         $.each(commit.parent_scmids, function(index, parent_scmid) {
Chris@1296:             parent_commit = commits_by_scmid[parent_scmid];
Chris@1296:             if (parent_commit) {
Chris@1296:                 if (!parent_commit.hasOwnProperty("space"))
Chris@1296:                     parent_commit.space = 0;
Chris@1296: 
Chris@1296:                 parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
Chris@1296:                 parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
Chris@1296:                 if (parent_commit.space == commit.space) {
Chris@1296:                     // vertical path
Chris@1296:                     path = revisionGraph.path([
Chris@1296:                         'M', x, y,
Chris@1296:                         'V', parent_y]);
Chris@1296:                 } else {
Chris@1296:                     // path to a commit in a different branch (Bezier curve)
Chris@1296:                     path = revisionGraph.path([
Chris@1296:                         'M', x, y,
Chris@1296:                         'C', x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
Chris@1296:                         'C', x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y]);
Chris@1296:                 }
Chris@1296:             } else {
Chris@1296:                 // vertical path ending at the bottom of the revisionGraph
Chris@1296:                 path = revisionGraph.path([
Chris@1296:                     'M', x, y,
Chris@1296:                     'V', graph_bottom]);
Chris@1296:             }
Chris@1296:             path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
Chris@1296:         });
Chris@1296:         revision_dot_overlay = revisionGraph.circle(x, y, 10);
Chris@1296:         revision_dot_overlay
Chris@1296:             .attr({
Chris@1296:                 fill: '#000',
Chris@1296:                 opacity: 0,
Chris@1296:                 cursor: 'pointer', 
Chris@1296:                 href: commit.href
Chris@1296:             });
Chris@1296: 
Chris@1296:         if(commit.refs != null && commit.refs.length > 0) {
Chris@1296:             title = document.createElementNS(revisionGraph.canvas.namespaceURI, 'title');
Chris@1296:             title.appendChild(document.createTextNode(commit.refs));
Chris@1296:             revision_dot_overlay.node.appendChild(title);
Chris@1296:         }
Chris@1296:         top.push(revision_dot_overlay);
Chris@1296:     });
Chris@1296:     top.toFront();
Chris@1296: };