1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
|
var revisionGraph = null;
function drawRevisionGraph(holder, commits_hash, graph_space) {
var XSTEP = 20,
CIRCLE_INROW_OFFSET = 10;
var commits_by_scmid = $H(commits_hash),
commits = commits_by_scmid.values();
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 = Element.select(commit_table_rows.first(),'td').first().getLayout().get('left') - $(holder).getLayout().get('left'),
graph_y_offset = $(holder).getLayout().get('top'),
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
graph_bottom = commit_table_rows.last().getLayout().get('top') + commit_table_rows.last().getLayout().get('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, longrefs, shortrefs, label, labelBBox;
commits.each(function(commit) {
y = commit_table_rows[max_rdmid - commit.rdmid].getLayout().get('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'});
// title
if (commit.refs != null && commit.refs != '') {
longrefs = commit.refs;
shortrefs = longrefs.length > 15 ? longrefs.substr(0, 13) + '...' : longrefs;
label = revisionGraph.text(x + 5, y + 5, shortrefs)
.attr({
font: '12px Fontin-Sans, Arial',
fill: '#666',
title: longrefs,
cursor: 'pointer',
rotation: '0'});
labelBBox = label.getBBox();
label.translate(labelBBox.width / 2, -labelBBox.height / 3);
}
// paths to parents
commit.parent_scmids.each(function(parent_scmid) {
parent_commit = commits_by_scmid.get(parent_scmid);
if (parent_commit) {
parent_y = commit_table_rows[max_rdmid - parent_commit.rdmid].getLayout().get('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});
});
top.push(revisionGraph.circle(x, y, 10)
.attr({
fill: '#000',
opacity: 0,
cursor: 'pointer',
href: commit.href})
.hover(function () {}, function () {}));
});
top.toFront();
};
|
