##// END OF EJS Templates
changelog: improve texts and functionality regarding selecting changesets
Mads Kiilerich -
r3445:246ab6d8 beta
parent child Browse files
Show More
@@ -1,113 +1,114 b''
1 ## -*- coding: utf-8 -*-
1 ## -*- coding: utf-8 -*-
2 <!DOCTYPE html>
2 <!DOCTYPE html>
3 <html xmlns="http://www.w3.org/1999/xhtml">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
4 <head>
5 <title>${self.title()}</title>
5 <title>${self.title()}</title>
6 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
6 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
7 <meta name="robots" content="index, nofollow"/>
7 <meta name="robots" content="index, nofollow"/>
8 <link rel="icon" href="${h.url('/images/icons/database_gear.png')}" type="image/png" />
8 <link rel="icon" href="${h.url('/images/icons/database_gear.png')}" type="image/png" />
9
9
10 ## CSS ###
10 ## CSS ###
11 <%def name="css()">
11 <%def name="css()">
12 <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css', ver=c.rhodecode_version)}" media="screen"/>
12 <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css', ver=c.rhodecode_version)}" media="screen"/>
13 <link rel="stylesheet" type="text/css" href="${h.url('/css/pygments.css', ver=c.rhodecode_version)}"/>
13 <link rel="stylesheet" type="text/css" href="${h.url('/css/pygments.css', ver=c.rhodecode_version)}"/>
14 ## EXTRA FOR CSS
14 ## EXTRA FOR CSS
15 ${self.css_extra()}
15 ${self.css_extra()}
16 </%def>
16 </%def>
17 <%def name="css_extra()">
17 <%def name="css_extra()">
18 </%def>
18 </%def>
19
19
20 ${self.css()}
20 ${self.css()}
21
21
22 %if c.ga_code:
22 %if c.ga_code:
23 <!-- Analytics -->
23 <!-- Analytics -->
24 <script type="text/javascript">
24 <script type="text/javascript">
25 var _gaq = _gaq || [];
25 var _gaq = _gaq || [];
26 _gaq.push(['_setAccount', '${c.ga_code}']);
26 _gaq.push(['_setAccount', '${c.ga_code}']);
27 _gaq.push(['_trackPageview']);
27 _gaq.push(['_trackPageview']);
28
28
29 (function() {
29 (function() {
30 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
30 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
31 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
31 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
32 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
32 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
33 })();
33 })();
34 </script>
34 </script>
35 %endif
35 %endif
36
36
37 ## JAVASCRIPT ##
37 ## JAVASCRIPT ##
38 <%def name="js()">
38 <%def name="js()">
39 <script type="text/javascript">
39 <script type="text/javascript">
40 //JS translations map
40 //JS translations map
41 var TRANSLATION_MAP = {
41 var TRANSLATION_MAP = {
42 'add another comment':'${_("add another comment")}',
42 'add another comment':'${_("add another comment")}',
43 'Stop following this repository':"${_('Stop following this repository')}",
43 'Stop following this repository':"${_('Stop following this repository')}",
44 'Start following this repository':"${_('Start following this repository')}",
44 'Start following this repository':"${_('Start following this repository')}",
45 'Group':"${_('Group')}",
45 'Group':"${_('Group')}",
46 'members':"${_('members')}",
46 'members':"${_('members')}",
47 'loading...':"${_('loading...')}",
47 'loading...':"${_('loading...')}",
48 'search truncated': "${_('search truncated')}",
48 'search truncated': "${_('search truncated')}",
49 'no matching files': "${_('no matching files')}",
49 'no matching files': "${_('no matching files')}",
50 'Open new pull request': "${_('Open new pull request')}",
50 'Open new pull request': "${_('Open new pull request')}",
51 'Open new pull request for selected changesets': "${_('Open new pull request for selected changesets')}",
51 'Open new pull request for selected changesets': "${_('Open new pull request for selected changesets')}",
52 'Show selected changes __S -> __E': "${_('Show selected changes __S -> __E')}",
52 'Show selected changes __S -> __E': "${_('Show selected changes __S -> __E')}",
53 'Show selected change __S': "${_('Show selected change __S')}",
53 'Selection link': "${_('Selection link')}",
54 'Selection link': "${_('Selection link')}",
54 'collapse diff': "${_('collapse diff')}",
55 'collapse diff': "${_('collapse diff')}",
55 'expand diff': "${_('expand diff')}",
56 'expand diff': "${_('expand diff')}",
56 };
57 };
57 var _TM = TRANSLATION_MAP;
58 var _TM = TRANSLATION_MAP;
58
59
59 var TOGGLE_FOLLOW_URL = "${h.url('toggle_following')}";
60 var TOGGLE_FOLLOW_URL = "${h.url('toggle_following')}";
60
61
61 </script>
62 </script>
62 <script type="text/javascript" src="${h.url('/js/yui.2.9.js', ver=c.rhodecode_version)}"></script>
63 <script type="text/javascript" src="${h.url('/js/yui.2.9.js', ver=c.rhodecode_version)}"></script>
63 <!--[if lt IE 9]>
64 <!--[if lt IE 9]>
64 <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>
65 <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>
65 <![endif]-->
66 <![endif]-->
66 <script type="text/javascript" src="${h.url('/js/yui.flot.js', ver=c.rhodecode_version)}"></script>
67 <script type="text/javascript" src="${h.url('/js/yui.flot.js', ver=c.rhodecode_version)}"></script>
67 <script type="text/javascript" src="${h.url('/js/native.history.js', ver=c.rhodecode_version)}"></script>
68 <script type="text/javascript" src="${h.url('/js/native.history.js', ver=c.rhodecode_version)}"></script>
68 <script type="text/javascript" src="${h.url('/js/pyroutes_map.js', ver=c.rhodecode_version)}"></script>
69 <script type="text/javascript" src="${h.url('/js/pyroutes_map.js', ver=c.rhodecode_version)}"></script>
69 <script type="text/javascript" src="${h.url('/js/rhodecode.js', ver=c.rhodecode_version)}"></script>
70 <script type="text/javascript" src="${h.url('/js/rhodecode.js', ver=c.rhodecode_version)}"></script>
70 ## EXTRA FOR JS
71 ## EXTRA FOR JS
71 ${self.js_extra()}
72 ${self.js_extra()}
72 <script type="text/javascript">
73 <script type="text/javascript">
73 (function(window,undefined){
74 (function(window,undefined){
74 // Prepare
75 // Prepare
75 var History = window.History; // Note: We are using a capital H instead of a lower h
76 var History = window.History; // Note: We are using a capital H instead of a lower h
76 if ( !History.enabled ) {
77 if ( !History.enabled ) {
77 // History.js is disabled for this browser.
78 // History.js is disabled for this browser.
78 // This is because we can optionally choose to support HTML4 browsers or not.
79 // This is because we can optionally choose to support HTML4 browsers or not.
79 return false;
80 return false;
80 }
81 }
81 })(window);
82 })(window);
82
83
83 YUE.onDOMReady(function(){
84 YUE.onDOMReady(function(){
84 tooltip_activate();
85 tooltip_activate();
85 show_more_event();
86 show_more_event();
86 show_changeset_tooltip();
87 show_changeset_tooltip();
87 // routes registration
88 // routes registration
88 pyroutes.register('toggle_following', "${h.url('toggle_following')}");
89 pyroutes.register('toggle_following', "${h.url('toggle_following')}");
89 pyroutes.register('changeset_info', "${h.url('changeset_info', repo_name='%(repo_name)s', revision='%(revision)s')}", ['repo_name', 'revision']);
90 pyroutes.register('changeset_info', "${h.url('changeset_info', repo_name='%(repo_name)s', revision='%(revision)s')}", ['repo_name', 'revision']);
90 pyroutes.register('repo_size', "${h.url('repo_size', repo_name='%(repo_name)s')}", ['repo_name']);
91 pyroutes.register('repo_size', "${h.url('repo_size', repo_name='%(repo_name)s')}", ['repo_name']);
91 })
92 })
92 </script>
93 </script>
93 </%def>
94 </%def>
94 <%def name="js_extra()"></%def>
95 <%def name="js_extra()"></%def>
95 ${self.js()}
96 ${self.js()}
96 <%def name="head_extra()"></%def>
97 <%def name="head_extra()"></%def>
97 ${self.head_extra()}
98 ${self.head_extra()}
98 </head>
99 </head>
99 <body id="body">
100 <body id="body">
100 ## IE hacks
101 ## IE hacks
101 <!--[if IE 7]>
102 <!--[if IE 7]>
102 <script>YUD.addClass(document.body,'ie7')</script>
103 <script>YUD.addClass(document.body,'ie7')</script>
103 <![endif]-->
104 <![endif]-->
104 <!--[if IE 8]>
105 <!--[if IE 8]>
105 <script>YUD.addClass(document.body,'ie8')</script>
106 <script>YUD.addClass(document.body,'ie8')</script>
106 <![endif]-->
107 <![endif]-->
107 <!--[if IE 9]>
108 <!--[if IE 9]>
108 <script>YUD.addClass(document.body,'ie9')</script>
109 <script>YUD.addClass(document.body,'ie9')</script>
109 <![endif]-->
110 <![endif]-->
110
111
111 ${next.body()}
112 ${next.body()}
112 </body>
113 </body>
113 </html>
114 </html>
@@ -1,284 +1,286 b''
1 ## -*- coding: utf-8 -*-
1 ## -*- coding: utf-8 -*-
2
2
3 <%inherit file="/base/base.html"/>
3 <%inherit file="/base/base.html"/>
4
4
5 <%def name="title()">
5 <%def name="title()">
6 ${_('%s Changelog') % c.repo_name} - ${c.rhodecode_name}
6 ${_('%s Changelog') % c.repo_name} - ${c.rhodecode_name}
7 </%def>
7 </%def>
8
8
9 <%def name="breadcrumbs_links()">
9 <%def name="breadcrumbs_links()">
10 ${h.link_to(_(u'Home'),h.url('/'))}
10 ${h.link_to(_(u'Home'),h.url('/'))}
11 &raquo;
11 &raquo;
12 ${h.repo_link(c.rhodecode_db_repo.groups_and_repo)}
12 ${h.repo_link(c.rhodecode_db_repo.groups_and_repo)}
13 &raquo;
13 &raquo;
14 <% size = c.size if c.size <= c.total_cs else c.total_cs %>
14 <% size = c.size if c.size <= c.total_cs else c.total_cs %>
15 ${_('changelog')} - ${ungettext('showing %d out of %d revision', 'showing %d out of %d revisions', size) % (size, c.total_cs)}
15 ${_('changelog')} - ${ungettext('showing %d out of %d revision', 'showing %d out of %d revisions', size) % (size, c.total_cs)}
16 </%def>
16 </%def>
17
17
18 <%def name="page_nav()">
18 <%def name="page_nav()">
19 ${self.menu('changelog')}
19 ${self.menu('changelog')}
20 </%def>
20 </%def>
21
21
22 <%def name="main()">
22 <%def name="main()">
23 <div class="box">
23 <div class="box">
24 <!-- box / title -->
24 <!-- box / title -->
25 <div class="title">
25 <div class="title">
26 ${self.breadcrumbs()}
26 ${self.breadcrumbs()}
27 </div>
27 </div>
28 <div class="table">
28 <div class="table">
29 % if c.pagination:
29 % if c.pagination:
30 <div id="graph">
30 <div id="graph">
31 <div id="graph_nodes">
31 <div id="graph_nodes">
32 <canvas id="graph_canvas"></canvas>
32 <canvas id="graph_canvas"></canvas>
33 </div>
33 </div>
34 <div id="graph_content">
34 <div id="graph_content">
35 <div class="info_box" style="clear: both;padding: 10px 6px;text-align: right;">
35 <div class="info_box" style="clear: both;padding: 10px 6px;text-align: right;">
36 <a href="#" class="ui-btn small" id="rev_range_container" style="display:none"></a>
36 <a href="#" class="ui-btn small" id="rev_range_container" style="display:none"></a>
37 <a href="#" class="ui-btn small" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>
37 <a href="#" class="ui-btn small" id="rev_range_clear" style="display:none">${_('Clear selection')}</a>
38
38
39 %if c.rhodecode_db_repo.fork:
39 %if c.rhodecode_db_repo.fork:
40 <a title="${_('compare fork with %s' % c.rhodecode_db_repo.fork.repo_name)}" href="${h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default')}" class="ui-btn small">${_('Compare fork with parent')}</a>
40 <a title="${_('Compare fork with %s' % c.rhodecode_db_repo.fork.repo_name)}" href="${h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default')}" class="ui-btn small">${_('Compare fork with parent')}</a>
41 %endif
41 %endif
42 %if h.is_hg(c.rhodecode_repo):
42 %if h.is_hg(c.rhodecode_repo):
43 <a id="open_new_pr" href="${h.url('pullrequest_home',repo_name=c.repo_name)}" class="ui-btn small">${_('open new pull request')}</a>
43 <a id="open_new_pr" href="${h.url('pullrequest_form',repo_name=c.repo_name)}" class="ui-btn small">${_('Open new pull request')}</a>
44 %endif
44 %endif
45 </div>
45 </div>
46 <div class="container_header">
46 <div class="container_header">
47 ${h.form(h.url.current(),method='get')}
47 ${h.form(h.url.current(),method='get')}
48 <div class="info_box" style="float:left">
48 <div class="info_box" style="float:left">
49 ${h.submit('set',_('Show'),class_="ui-btn")}
49 ${h.submit('set',_('Show'),class_="ui-btn")}
50 ${h.text('size',size=1,value=c.size)}
50 ${h.text('size',size=1,value=c.size)}
51 ${_('revisions')}
51 ${_('revisions')}
52 </div>
52 </div>
53 ${h.end_form()}
53 ${h.end_form()}
54 <div style="float:right">${h.select('branch_filter',c.branch_name,c.branch_filters)}</div>
54 <div style="float:right">${h.select('branch_filter',c.branch_name,c.branch_filters)}</div>
55 </div>
55 </div>
56
56
57 %for cnt,cs in enumerate(c.pagination):
57 %for cnt,cs in enumerate(c.pagination):
58 <div id="chg_${cnt+1}" class="container ${'tablerow%s' % (cnt%2)}">
58 <div id="chg_${cnt+1}" class="container ${'tablerow%s' % (cnt%2)}">
59 <div class="left">
59 <div class="left">
60 <div>
60 <div>
61 ${h.checkbox(cs.raw_id,class_="changeset_range")}
61 ${h.checkbox(cs.raw_id,class_="changeset_range")}
62 <span class="tooltip" title="${h.tooltip(h.age(cs.date))}"><a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}"><span class="changeset_id">${cs.revision}:<span class="changeset_hash">${h.short_id(cs.raw_id)}</span></span></a></span>
62 <span class="tooltip" title="${h.tooltip(h.age(cs.date))}"><a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}"><span class="changeset_id">${cs.revision}:<span class="changeset_hash">${h.short_id(cs.raw_id)}</span></span></a></span>
63 </div>
63 </div>
64 <div class="author">
64 <div class="author">
65 <div class="gravatar">
65 <div class="gravatar">
66 <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),16)}"/>
66 <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),16)}"/>
67 </div>
67 </div>
68 <div title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</div>
68 <div title="${cs.author}" class="user">${h.shorter(h.person(cs.author),22)}</div>
69 </div>
69 </div>
70 <div class="date">${h.fmt_date(cs.date)}</div>
70 <div class="date">${h.fmt_date(cs.date)}</div>
71 </div>
71 </div>
72 <div class="mid">
72 <div class="mid">
73 <div class="message">${h.urlify_commit(cs.message, c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>
73 <div class="message">${h.urlify_commit(cs.message, c.repo_name,h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>
74 <div class="expand"><span class="expandtext">&darr; ${_('show more')} &darr;</span></div>
74 <div class="expand"><span class="expandtext">&darr; ${_('Show more')} &darr;</span></div>
75 </div>
75 </div>
76 <div class="right">
76 <div class="right">
77 <div class="changes">
77 <div class="changes">
78 <div id="changed_total_${cs.raw_id}" style="float:right;" class="changed_total tooltip" title="${h.tooltip(_('Affected number of files, click to show more details'))}">${len(cs.affected_files)}</div>
78 <div id="changed_total_${cs.raw_id}" style="float:right;" class="changed_total tooltip" title="${h.tooltip(_('Affected number of files, click to show more details'))}">${len(cs.affected_files)}</div>
79 <div class="comments-container">
79 <div class="comments-container">
80 %if len(c.comments.get(cs.raw_id,[])) > 0:
80 %if len(c.comments.get(cs.raw_id,[])) > 0:
81 <div class="comments-cnt" title="${('comments')}">
81 <div class="comments-cnt" title="${('comments')}">
82 <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id,anchor='comment-%s' % c.comments[cs.raw_id][0].comment_id)}">
82 <a href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id,anchor='comment-%s' % c.comments[cs.raw_id][0].comment_id)}">
83 <div class="comments-cnt">${len(c.comments[cs.raw_id])}</div>
83 <div class="comments-cnt">${len(c.comments[cs.raw_id])}</div>
84 <img src="${h.url('/images/icons/comments.png')}">
84 <img src="${h.url('/images/icons/comments.png')}">
85 </a>
85 </a>
86 </div>
86 </div>
87 %endif
87 %endif
88 </div>
88 </div>
89 <div class="changeset-status-container">
89 <div class="changeset-status-container">
90 %if c.statuses.get(cs.raw_id):
90 %if c.statuses.get(cs.raw_id):
91 <div title="${_('Changeset status')}" class="changeset-status-lbl">${c.statuses.get(cs.raw_id)[1]}</div>
91 <div title="${_('Changeset status')}" class="changeset-status-lbl">${c.statuses.get(cs.raw_id)[1]}</div>
92 <div class="changeset-status-ico">
92 <div class="changeset-status-ico">
93 %if c.statuses.get(cs.raw_id)[2]:
93 %if c.statuses.get(cs.raw_id)[2]:
94 <a class="tooltip" title="${_('Click to open associated pull request #%s' % c.statuses.get(cs.raw_id)[2])}" href="${h.url('pullrequest_show',repo_name=c.statuses.get(cs.raw_id)[3],pull_request_id=c.statuses.get(cs.raw_id)[2])}"><img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" /></a>
94 <a class="tooltip" title="${_('Click to open associated pull request #%s' % c.statuses.get(cs.raw_id)[2])}" href="${h.url('pullrequest_show',repo_name=c.statuses.get(cs.raw_id)[3],pull_request_id=c.statuses.get(cs.raw_id)[2])}"><img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" /></a>
95 %else:
95 %else:
96 <img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" />
96 <img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses.get(cs.raw_id)[0])}" />
97 %endif
97 %endif
98 </div>
98 </div>
99 %endif
99 %endif
100 </div>
100 </div>
101 </div>
101 </div>
102 %if cs.parents:
102 %if cs.parents:
103 %for p_cs in reversed(cs.parents):
103 %for p_cs in reversed(cs.parents):
104 <div class="parent">${_('Parent')}
104 <div class="parent">${_('Parent')}
105 <span class="changeset_id">${p_cs.revision}:<span class="changeset_hash">${h.link_to(h.short_id(p_cs.raw_id),
105 <span class="changeset_id">${p_cs.revision}:<span class="changeset_hash">${h.link_to(h.short_id(p_cs.raw_id),
106 h.url('changeset_home',repo_name=c.repo_name,revision=p_cs.raw_id),title=p_cs.message)}</span></span>
106 h.url('changeset_home',repo_name=c.repo_name,revision=p_cs.raw_id),title=p_cs.message)}</span></span>
107 </div>
107 </div>
108 %endfor
108 %endfor
109 %else:
109 %else:
110 <div class="parent">${_('No parents')}</div>
110 <div class="parent">${_('No parents')}</div>
111 %endif
111 %endif
112
112
113 <span class="logtags">
113 <span class="logtags">
114 %if len(cs.parents)>1:
114 %if len(cs.parents)>1:
115 <span class="merge">${_('merge')}</span>
115 <span class="merge">${_('merge')}</span>
116 %endif
116 %endif
117 %if cs.branch:
117 %if cs.branch:
118 <span class="branchtag" title="${'%s %s' % (_('branch'),cs.branch)}">
118 <span class="branchtag" title="${'%s %s' % (_('branch'),cs.branch)}">
119 ${h.link_to(h.shorter(cs.branch),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}
119 ${h.link_to(h.shorter(cs.branch),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}
120 </span>
120 </span>
121 %endif
121 %endif
122 %if h.is_hg(c.rhodecode_repo):
122 %if h.is_hg(c.rhodecode_repo):
123 %for book in cs.bookmarks:
123 %for book in cs.bookmarks:
124 <span class="bookbook" title="${'%s %s' % (_('bookmark'),book)}">
124 <span class="bookbook" title="${'%s %s' % (_('bookmark'),book)}">
125 ${h.link_to(h.shorter(book),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}
125 ${h.link_to(h.shorter(book),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}
126 </span>
126 </span>
127 %endfor
127 %endfor
128 %endif
128 %endif
129 %for tag in cs.tags:
129 %for tag in cs.tags:
130 <span class="tagtag" title="${'%s %s' % (_('tag'),tag)}">
130 <span class="tagtag" title="${'%s %s' % (_('tag'),tag)}">
131 ${h.link_to(h.shorter(tag),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}</span>
131 ${h.link_to(h.shorter(tag),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}</span>
132 %endfor
132 %endfor
133 </span>
133 </span>
134 </div>
134 </div>
135 </div>
135 </div>
136
136
137 %endfor
137 %endfor
138 <div class="pagination-wh pagination-left">
138 <div class="pagination-wh pagination-left">
139 ${c.pagination.pager('$link_previous ~2~ $link_next')}
139 ${c.pagination.pager('$link_previous ~2~ $link_next')}
140 </div>
140 </div>
141 </div>
141 </div>
142 </div>
142 </div>
143
143
144 <script type="text/javascript" src="${h.url('/js/graph.js')}"></script>
144 <script type="text/javascript" src="${h.url('/js/graph.js')}"></script>
145 <script type="text/javascript">
145 <script type="text/javascript">
146 YAHOO.util.Event.onDOMReady(function(){
146 YAHOO.util.Event.onDOMReady(function(){
147
147
148 //Monitor range checkboxes and build a link to changesets
148 //Monitor range checkboxes and build a link to changesets
149 //ranges
149 //ranges
150 var checkboxes = YUD.getElementsByClassName('changeset_range');
150 var checkboxes = YUD.getElementsByClassName('changeset_range');
151 var url_tmpl = "${h.url('changeset_home',repo_name=c.repo_name,revision='__REVRANGE__')}";
151 var url_tmpl = "${h.url('changeset_home',repo_name=c.repo_name,revision='__REVRANGE__')}";
152 var pr_tmpl = "${h.url('pullrequest_home',repo_name=c.repo_name)}";
152 var pr_tmpl = "${h.url('pullrequest_home',repo_name=c.repo_name)}";
153 YUE.on(checkboxes,'click',function(e){
153 YUE.on(checkboxes,'click',function(e){
154 var clicked_cb = e.currentTarget;
154 var clicked_cb = e.currentTarget;
155 var checked_checkboxes = [];
155 var checked_checkboxes = [];
156 for (pos in checkboxes){
156 for (pos in checkboxes){
157 if(checkboxes[pos].checked){
157 if(checkboxes[pos].checked){
158 checked_checkboxes.push(checkboxes[pos]);
158 checked_checkboxes.push(checkboxes[pos]);
159 }
159 }
160 }
160 }
161 if(YUD.get('open_new_pr')){
161 if(YUD.get('open_new_pr')){
162 if(checked_checkboxes.length>0){
162 if(checked_checkboxes.length>0){
163 // modify open pull request to show we have selected cs
163 // modify open pull request to show we have selected cs
164 YUD.get('open_new_pr').innerHTML = _TM['Open new pull request for selected changesets'];
164 YUD.get('open_new_pr').innerHTML = _TM['Open new pull request for selected changesets'];
165
166 }else{
165 }else{
167 YUD.get('open_new_pr').innerHTML = _TM['Open new pull request'];
166 YUD.get('open_new_pr').innerHTML = _TM['Open new pull request'];
168 }
167 }
169 }
168 }
170
169
171 if(checked_checkboxes.length>0){
170 if(checked_checkboxes.length>0){
172 var rev_end = checked_checkboxes[0].name;
171 var rev_end = checked_checkboxes[0].name;
173 var rev_start = checked_checkboxes[checked_checkboxes.length-1].name;
172 var rev_start = checked_checkboxes[checked_checkboxes.length-1].name;
174 var url = url_tmpl.replace('__REVRANGE__',
173 var url = url_tmpl.replace('__REVRANGE__',
175 rev_start+'...'+rev_end);
174 rev_start+'...'+rev_end);
176
175
177 var link = _TM['Show selected changes __S -> __E'];
176 var link = (rev_start == rev_end)
177 ? _TM['Show selected change __S']
178 : _TM['Show selected changes __S -> __E']";
179
178 link = link.replace('__S',rev_start.substr(0,6));
180 link = link.replace('__S',rev_start.substr(0,6));
179 link = link.replace('__E',rev_end.substr(0,6));
181 link = link.replace('__E',rev_end.substr(0,6));
180 YUD.get('rev_range_container').href = url;
182 YUD.get('rev_range_container').href = url;
181 YUD.get('rev_range_container').innerHTML = link;
183 YUD.get('rev_range_container').innerHTML = link;
182 YUD.setStyle('rev_range_container','display','');
184 YUD.setStyle('rev_range_container','display','');
183 YUD.setStyle('rev_range_clear','display','');
185 YUD.setStyle('rev_range_clear','display','');
184
186
185 YUD.get('open_new_pr').href = pr_tmpl + '?rev_start={0}&rev_end={1}'.format(rev_start,rev_end);
187 YUD.get('open_new_pr').href = pr_tmpl + '?rev_start={0}&rev_end={1}'.format(rev_start,rev_end);
186
188
187 }
189 }
188 else{
190 else{
189 YUD.setStyle('rev_range_container','display','none');
191 YUD.setStyle('rev_range_container','display','none');
190 YUD.setStyle('rev_range_clear','display','none');
192 YUD.setStyle('rev_range_clear','display','none');
191 }
193 }
192 });
194 });
193 YUE.on('rev_range_clear','click',function(e){
195 YUE.on('rev_range_clear','click',function(e){
194 for (var i=0; i<checkboxes.length; i++){
196 for (var i=0; i<checkboxes.length; i++){
195 var cb = checkboxes[i];
197 var cb = checkboxes[i];
196 cb.checked = false;
198 cb.checked = false;
197 }
199 }
198 YUE.preventDefault(e);
200 YUE.preventDefault(e);
199 })
201 })
200 var msgs = YUQ('.message');
202 var msgs = YUQ('.message');
201 // get first element height
203 // get first element height
202 var el = YUQ('#graph_content .container')[0];
204 var el = YUQ('#graph_content .container')[0];
203 var row_h = el.clientHeight;
205 var row_h = el.clientHeight;
204 for(var i=0;i<msgs.length;i++){
206 for(var i=0;i<msgs.length;i++){
205 var m = msgs[i];
207 var m = msgs[i];
206
208
207 var h = m.clientHeight;
209 var h = m.clientHeight;
208 var pad = YUD.getStyle(m,'padding');
210 var pad = YUD.getStyle(m,'padding');
209 if(h > row_h){
211 if(h > row_h){
210 var offset = row_h - (h+12);
212 var offset = row_h - (h+12);
211 YUD.setStyle(m.nextElementSibling,'display','block');
213 YUD.setStyle(m.nextElementSibling,'display','block');
212 YUD.setStyle(m.nextElementSibling,'margin-top',offset+'px');
214 YUD.setStyle(m.nextElementSibling,'margin-top',offset+'px');
213 };
215 };
214 }
216 }
215 YUE.on(YUQ('.expand'),'click',function(e){
217 YUE.on(YUQ('.expand'),'click',function(e){
216 var elem = e.currentTarget.parentNode.parentNode;
218 var elem = e.currentTarget.parentNode.parentNode;
217 YUD.setStyle(e.currentTarget,'display','none');
219 YUD.setStyle(e.currentTarget,'display','none');
218 YUD.setStyle(elem,'height','auto');
220 YUD.setStyle(elem,'height','auto');
219
221
220 //redraw the graph, line_count and jsdata are global vars
222 //redraw the graph, line_count and jsdata are global vars
221 set_canvas(100);
223 set_canvas(100);
222
224
223 var r = new BranchRenderer();
225 var r = new BranchRenderer();
224 r.render(jsdata,100,line_count);
226 r.render(jsdata,100,line_count);
225
227
226 })
228 })
227
229
228 // Fetch changeset details
230 // Fetch changeset details
229 YUE.on(YUD.getElementsByClassName('changed_total'),'click',function(e){
231 YUE.on(YUD.getElementsByClassName('changed_total'),'click',function(e){
230 var id = e.currentTarget.id;
232 var id = e.currentTarget.id;
231 var url = "${h.url('changelog_details',repo_name=c.repo_name,cs='__CS__')}";
233 var url = "${h.url('changelog_details',repo_name=c.repo_name,cs='__CS__')}";
232 var url = url.replace('__CS__',id.replace('changed_total_',''));
234 var url = url.replace('__CS__',id.replace('changed_total_',''));
233 ypjax(url,id,function(){tooltip_activate()});
235 ypjax(url,id,function(){tooltip_activate()});
234 });
236 });
235
237
236 // change branch filter
238 // change branch filter
237 YUE.on(YUD.get('branch_filter'),'change',function(e){
239 YUE.on(YUD.get('branch_filter'),'change',function(e){
238 var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;
240 var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;
239 var url_main = "${h.url('changelog_home',repo_name=c.repo_name)}";
241 var url_main = "${h.url('changelog_home',repo_name=c.repo_name)}";
240 var url = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}";
242 var url = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}";
241 var url = url.replace('__BRANCH__',selected_branch);
243 var url = url.replace('__BRANCH__',selected_branch);
242 if(selected_branch != ''){
244 if(selected_branch != ''){
243 window.location = url;
245 window.location = url;
244 }else{
246 }else{
245 window.location = url_main;
247 window.location = url_main;
246 }
248 }
247
249
248 });
250 });
249
251
250 function set_canvas(width) {
252 function set_canvas(width) {
251 var c = document.getElementById('graph_nodes');
253 var c = document.getElementById('graph_nodes');
252 var t = document.getElementById('graph_content');
254 var t = document.getElementById('graph_content');
253 canvas = document.getElementById('graph_canvas');
255 canvas = document.getElementById('graph_canvas');
254 var div_h = t.clientHeight;
256 var div_h = t.clientHeight;
255 c.style.height=div_h+'px';
257 c.style.height=div_h+'px';
256 canvas.setAttribute('height',div_h);
258 canvas.setAttribute('height',div_h);
257 c.style.height=width+'px';
259 c.style.height=width+'px';
258 canvas.setAttribute('width',width);
260 canvas.setAttribute('width',width);
259 };
261 };
260 var heads = 1;
262 var heads = 1;
261 var line_count = 0;
263 var line_count = 0;
262 var jsdata = ${c.jsdata|n};
264 var jsdata = ${c.jsdata|n};
263
265
264 for (var i=0;i<jsdata.length;i++) {
266 for (var i=0;i<jsdata.length;i++) {
265 var in_l = jsdata[i][2];
267 var in_l = jsdata[i][2];
266 for (var j in in_l) {
268 for (var j in in_l) {
267 var m = in_l[j][1];
269 var m = in_l[j][1];
268 if (m > line_count)
270 if (m > line_count)
269 line_count = m;
271 line_count = m;
270 }
272 }
271 }
273 }
272 set_canvas(100);
274 set_canvas(100);
273
275
274 var r = new BranchRenderer();
276 var r = new BranchRenderer();
275 r.render(jsdata,100,line_count);
277 r.render(jsdata,100,line_count);
276
278
277 });
279 });
278 </script>
280 </script>
279 %else:
281 %else:
280 ${_('There are no changes yet')}
282 ${_('There are no changes yet')}
281 %endif
283 %endif
282 </div>
284 </div>
283 </div>
285 </div>
284 </%def>
286 </%def>
General Comments 0
You need to be logged in to leave comments. Login now