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