jro_apps/redmine Commit - r9652:897e83a55637

1

var revisionGraph = null;

1

var revisionGraph = null;

2

3

function drawRevisionGraph(holder, commits_hash, graph_space) {

3

function drawRevisionGraph(holder, commits_hash, graph_space) {

4

5

var XSTEP = 20,

5

var XSTEP = 20,

6

CIRCLE_INROW_OFFSET = 10;

6

CIRCLE_INROW_OFFSET = 10;

7

8

var commits_by_scmid = $H(commits_hash),

8

var commits_by_scmid = $H(commits_hash),

9

commits = commits_by_scmid.values();

9

commits = commits_by_scmid.values();

10

11

var max_rdmid = commits.length - 1;

11

var max_rdmid = commits.length - 1;

12

13

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

13

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

14

15

// create graph

15

// create graph

16

if(revisionGraph != null)

16

if(revisionGraph != null)

17

revisionGraph.clear();

17

revisionGraph.clear();

18

else

18

else

19

revisionGraph = Raphael(holder);

19

revisionGraph = Raphael(holder);

20

21

var top = revisionGraph.set();

21

var top = revisionGraph.set();

22

23

// init dimensions

23

// init dimensions

24

var graph_x_offset = Element.select(commit_table_rows.first(),'td').first().getLayout().get('left') - $(holder).getLayout().get('left'),

24

var graph_x_offset = Element.select(commit_table_rows.first(),'td').first().getLayout().get('left') - $(holder).getLayout().get('left'),

25

graph_y_offset = $(holder).getLayout().get('top'),

25

graph_y_offset = $(holder).getLayout().get('top'),

26

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

26

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

27

graph_bottom = commit_table_rows.last().getLayout().get('top') + commit_table_rows.last().getLayout().get('height') - graph_y_offset;

27

graph_bottom = commit_table_rows.last().getLayout().get('top') + commit_table_rows.last().getLayout().get('height') - graph_y_offset;

28

29

revisionGraph.setSize(graph_right_side, graph_bottom);

29

revisionGraph.setSize(graph_right_side, graph_bottom);

30

31

// init colors

31

// init colors

32

var colors = [];

32

var colors = [];

33

Raphael.getColor.reset();

33

Raphael.getColor.reset();

34

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

34

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

35

colors.push(Raphael.getColor());

35

colors.push(Raphael.getColor());

36

}

36

}

37

38

var parent_commit;

38

var parent_commit;

39

var x, y, parent_x, parent_y;

39

var x, y, parent_x, parent_y;

40

var path, title;

40

var path, title;

41

var revision_dot_overlay;

41

42

commits.each(function(commit) {

43

commits.each(function(commit) {

43

44

y = commit_table_rows[max_rdmid - commit.rdmid].getLayout().get('top') - graph_y_offset + CIRCLE_INROW_OFFSET;

45

y = commit_table_rows[max_rdmid - commit.rdmid].getLayout().get('top') - graph_y_offset + CIRCLE_INROW_OFFSET;

45

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

46

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

46

47

revisionGraph.circle(x, y, 3)

48

revisionGraph.circle(x, y, 3)

48

.attr({

49

.attr({

49

fill: colors[commit.space],

50

fill: colors[commit.space],

50

stroke: 'none',

51

stroke: 'none',

51

}).toFront();

52

}).toFront();

52

53

// paths to parents

54

// paths to parents

54

commit.parent_scmids.each(function(parent_scmid) {

55

commit.parent_scmids.each(function(parent_scmid) {

55

parent_commit = commits_by_scmid.get(parent_scmid);

56

parent_commit = commits_by_scmid.get(parent_scmid);

56

57

if (parent_commit) {

58

if (parent_commit) {

58

parent_y = commit_table_rows[max_rdmid - parent_commit.rdmid].getLayout().get('top') - graph_y_offset + CIRCLE_INROW_OFFSET;

59

parent_y = commit_table_rows[max_rdmid - parent_commit.rdmid].getLayout().get('top') - graph_y_offset + CIRCLE_INROW_OFFSET;

59

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

60

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

60

61

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

62

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

62

// vertical path

63

// vertical path

63

path = revisionGraph.path([

64

path = revisionGraph.path([

64

'M', x, y,

65

'M', x, y,

65

'V', parent_y]);

66

'V', parent_y]);

66

} else {

67

} else {

67

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

68

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

68

path = revisionGraph.path([

69

path = revisionGraph.path([

69

'M', x, y,

70

'M', x, y,

70

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

71

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

71

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

72

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

72

}

73

}

73

} else {

74

} else {

74

// vertical path ending at the bottom of the revisionGraph

75

// vertical path ending at the bottom of the revisionGraph

75

path = revisionGraph.path([

76

path = revisionGraph.path([

76

'M', x, y,

77

'M', x, y,

77

'V', graph_bottom]);

78

'V', graph_bottom]);

78

}

79

}

79

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

80

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

80

});

81

});

81

82

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

83

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

83

revision_dot_overlay

84

revision_dot_overlay

84

.attr({

85

.attr({

85

fill: '#000',

86

fill: '#000',

86

opacity: 0,

87

opacity: 0,

87

cursor: 'pointer',

88

cursor: 'pointer',

88

href: commit.href

89

href: commit.href

89

});

90

});

90

91

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

92

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

92

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

93

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

93

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

94

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

94

revision_dot_overlay.node.appendChild(title);

95

revision_dot_overlay.node.appendChild(title);

95

}

96

}

96

97

top.push(revision_dot_overlay);

98

top.push(revision_dot_overlay);

98

});

99

});

99

100

top.toFront();

101

top.toFront();

101

};

102

};

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

             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, title;
+                var revision_dot_overlay;
                 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',
                         }).toFront();
                     // 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}).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();
             };