jro_apps/redmine Commit - r8659:232fca78a2d3

1

2

function ~~branch~~Graph(holder, commits_hash) {

2

function revisionGraph(holder, commits_hash) {

3

4

var LEFT_PADDING = 3,

4

var LEFT_PADDING = 3,

5

TOP_PADDING = 10,

5

TOP_PADDING = 10,

6

XSTEP = YSTEP = 20;

6

XSTEP = YSTEP = 20;

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

// init max dimensions

11

// init max dimensions

12

var max_rdmid = max_space = 0;

12

var max_rdmid = max_space = 0;

13

commits.each(function(commit) {

13

commits.each(function(commit) {

14

15

max_rdmid = Math.max(max_rdmid, commit.rdmid);

15

max_rdmid = Math.max(max_rdmid, commit.rdmid);

16

max_space = Math.max(max_space, commit.space);

16

max_space = Math.max(max_space, commit.space);

17

});

17

});

18

19

var graph_height = max_rdmid * YSTEP + YSTEP,

19

var graph_height = max_rdmid * YSTEP + YSTEP,

20

graph_width = max_space * XSTEP + XSTEP;

20

graph_width = max_space * XSTEP + XSTEP;

21

22

// init colors

22

// init colors

23

var colors = ['#000'];

23

var colors = ['#000'];

24

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

24

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

25

colors.push(Raphael.getColor());

25

colors.push(Raphael.getColor());

26

}

26

}

27

28

// create graph

28

// create graph

29

var graph = Raphael(holder, graph_width, graph_height),

29

var graph = Raphael(holder, graph_width, graph_height),

30

top = graph.set();

30

top = graph.set();

31

32

var parent_commit;

32

var parent_commit;

33

var x, y, parent_x, parent_y;

33

var x, y, parent_x, parent_y;

34

var path, longrefs, shortrefs, label, labelBBox;

34

var path, longrefs, shortrefs, label, labelBBox;

35

36

commits.each(function(commit) {

36

commits.each(function(commit) {

37

38

y = TOP_PADDING + YSTEP *(max_rdmid - commit.rdmid);

38

y = TOP_PADDING + YSTEP *(max_rdmid - commit.rdmid);

39

x = LEFT_PADDING + XSTEP * commit.space;

39

x = LEFT_PADDING + XSTEP * commit.space;

40

41

graph.circle(x, y, 3).attr({fill: colors[commit.space], stroke: 'none'});

41

graph.circle(x, y, 3).attr({fill: colors[commit.space], stroke: 'none'});

42

43

// title

43

// title

44

if (commit.refs != null && commit.refs != '') {

44

if (commit.refs != null && commit.refs != '') {

45

longrefs = commit.refs;

45

longrefs = commit.refs;

46

shortrefs = longrefs.length > 15 ? longrefs.substr(0, 13) + '...' : longrefs;

46

shortrefs = longrefs.length > 15 ? longrefs.substr(0, 13) + '...' : longrefs;

47

48

label = graph.text(x + 5, y + 5, shortrefs)

48

label = graph.text(x + 5, y + 5, shortrefs)

49

.attr({

49

.attr({

50

font: '12px Fontin-Sans, Arial',

50

font: '12px Fontin-Sans, Arial',

51

fill: '#666',

51

fill: '#666',

52

title: longrefs,

52

title: longrefs,

53

cursor: 'pointer',

53

cursor: 'pointer',

54

rotation: '0'});

54

rotation: '0'});

55

56

labelBBox = label.getBBox();

56

labelBBox = label.getBBox();

57

label.translate(labelBBox.width / 2, -labelBBox.height / 3);

57

label.translate(labelBBox.width / 2, -labelBBox.height / 3);

58

}

58

}

59

60

// paths to parents

60

// paths to parents

61

commit.parent_scmids.each(function(parent_scmid) {

61

commit.parent_scmids.each(function(parent_scmid) {

62

parent_commit = commits_by_scmid.get(parent_scmid);

62

parent_commit = commits_by_scmid.get(parent_scmid);

63

64

if (parent_commit) {

64

if (parent_commit) {

65

parent_y = TOP_PADDING + YSTEP * (max_rdmid - parent_commit.rdmid);

65

parent_y = TOP_PADDING + YSTEP * (max_rdmid - parent_commit.rdmid);

66

parent_x = LEFT_PADDING + XSTEP * parent_commit.space;

66

parent_x = LEFT_PADDING + XSTEP * parent_commit.space;

67

68

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

68

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

69

// vertical path

69

// vertical path

70

path = graph.path([

70

path = graph.path([

71

'M', x, y,

71

'M', x, y,

72

'V', parent_y]);

72

'V', parent_y]);

73

} else {

73

} else {

74

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

74

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

75

path = graph.path([

75

path = graph.path([

76

'M', x, y,

76

'M', x, y,

77

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

77

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

78

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

78

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

79

}

79

}

80

} else {

80

} else {

81

// vertical path ending at the bottom of the graph

81

// vertical path ending at the bottom of the graph

82

path = graph.path([

82

path = graph.path([

83

'M', x, y,

83

'M', x, y,

84

'V', graph_height]);

84

'V', graph_height]);

85

}

85

}

86

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

86

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

87

});

87

});

88

89

top.push(graph.circle(x, y, 10)

89

top.push(graph.circle(x, y, 10)

90

.attr({

90

.attr({

91

fill: '#000',

91

fill: '#000',

92

opacity: 0,

92

opacity: 0,

93

cursor: 'pointer',

93

cursor: 'pointer',

94

href: commit.href})

94

href: commit.href})

95

.hover(function () {}, function () {}));

95

.hover(function () {}, function () {}));

96

});

96

});

97

98

top.toFront();

98

top.toFront();

99

};

99

};

             <%= javascript_include_tag 'raphael.js' %>
             <%= javascript_include_tag 'revision_graph.js' %>
             <script type="text/javascript" charset="utf-8">
               Event.observe(window, 'load', function(){
-                branchGraph(
+                revisionGraph(
                     document.getElementById("holder"),
                     <%= commits.to_json.html_safe %>);
               });
             </script>
             <div id="holder" class="graph"></div>

	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

-            function branchGraph(holder, commits_hash) {
+            function revisionGraph(holder, commits_hash) {
                 var LEFT_PADDING = 3,
                     TOP_PADDING = 10,
                     XSTEP = YSTEP = 20;
                 var commits_by_scmid = $H(commits_hash),
                     commits = commits_by_scmid.values();
                 // init max dimensions
                 var max_rdmid = max_space = 0;
                 commits.each(function(commit) {
                     max_rdmid = Math.max(max_rdmid, commit.rdmid);
                     max_space = Math.max(max_space, commit.space);
                 });
                 var graph_height = max_rdmid * YSTEP + YSTEP,
                     graph_width = max_space * XSTEP + XSTEP;
                 // init colors
                 var colors = ['#000'];
                 for (var k = 0; k < max_space; k++) {
                     colors.push(Raphael.getColor());
                 }
                 // create graph
                 var graph = Raphael(holder, graph_width, graph_height),
                     top = graph.set();
                 var parent_commit;
                 var x, y, parent_x, parent_y;
                 var path, longrefs, shortrefs, label, labelBBox;
                 commits.each(function(commit) {
                     y = TOP_PADDING + YSTEP *(max_rdmid - commit.rdmid);
                     x = LEFT_PADDING + XSTEP * commit.space;
                     graph.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 = graph.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 = TOP_PADDING + YSTEP * (max_rdmid - parent_commit.rdmid);
                             parent_x = LEFT_PADDING + XSTEP * parent_commit.space;
                             if (parent_commit.space == commit.space) {
                                 // vertical path
                                 path = graph.path([
                                     'M', x, y,
                                     'V', parent_y]);
                             } else {
                                 // path to a commit in a different branch (Bezier curve)
                                 path = graph.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 graph
                             path = graph.path([
                                 'M', x, y,
                                 'V', graph_height]);
                         }
                         path.attr({stroke: colors[commit.space], "stroke-width": 1.5});
                     });
                     top.push(graph.circle(x, y, 10)
                         .attr({
                             fill: '#000',
                             opacity: 0,
                             cursor: 'pointer',
                             href: commit.href})
                         .hover(function () {}, function () {}));
                 });
                 top.toFront();
             };