Mercurial > hg
comparison templates/gitweb/graph.tmpl @ 6693:7f58dec6aeb7
hgweb: Fix up non-coal styles to support graph.
author | Augie Fackler <durin42@gmail.com> |
---|---|
date | Wed, 18 Jun 2008 10:05:43 +0200 |
parents | |
children | bf72e756c98b |
comparison
equal
deleted
inserted
replaced
6691:0dba955c2636 | 6693:7f58dec6aeb7 |
---|---|
1 #header# | |
2 <title>#repo|escape#: Shortlog</title> | |
3 <link rel="alternate" type="application/atom+xml" | |
4 href="{url}atom-log" title="Atom feed for #repo|escape#"/> | |
5 <link rel="alternate" type="application/rss+xml" | |
6 href="{url}rss-log" title="RSS feed for #repo|escape#"/> | |
7 </head> | |
8 <body> | |
9 | |
10 <div class="page_header"> | |
11 <a href="http://www.selenic.com/mercurial/" title="Mercurial" style="float: right;">Mercurial</a><a href="{url}summary{sessionvars%urlparameter}">#repo|escape#</a> / shortlog | |
12 </div> | |
13 | |
14 <form action="{url}log"> | |
15 {sessionvars%hiddenformentry} | |
16 <div class="search"> | |
17 <input type="text" name="rev" /> | |
18 </div> | |
19 </form> | |
20 <div class="page_nav"> | |
21 <a href="{url}summary{sessionvars%urlparameter}">summary</a> | | |
22 <a href="{url}shortlog{sessionvars%urlparameter}">shortlog</a> | | |
23 <a href="{url}log/#rev#{sessionvars%urlparameter}">changelog</a> | | |
24 graph | | |
25 <a href="{url}tags{sessionvars%urlparameter}">tags</a> | | |
26 <a href="{url}file/#node|short#{sessionvars%urlparameter}">files</a> | |
27 <br/> | |
28 <a href="{url}graph/{uprev}{sessionvars%urlparameter}?revcount={revcountless}">less</a> | |
29 <a href="{url}graph/{uprev}{sessionvars%urlparameter}?revcount={revcountmore}">more</a> | |
30 | #changenav%navshortentry#<br/> | |
31 </div> | |
32 | |
33 <div class="title"> </div> | |
34 | |
35 <div id="noscript">The revision graph only works with JavaScript-enabled browsers.</div> | |
36 | |
37 <div id="wrapper"> | |
38 <ul id="nodebgs"></ul> | |
39 <canvas id="graph" width="224" height="#canvasheight#"></canvas> | |
40 <ul id="graphnodes"></ul> | |
41 </div> | |
42 | |
43 <script type="text/javascript" src="#staticurl#graph.js"></script> | |
44 <script> | |
45 | |
46 document.getElementById('noscript').style.visibility = 'hidden'; | |
47 | |
48 data = {jsdata|json}; | |
49 graph = new Graph(); | |
50 graph.scale({bg_height}); | |
51 | |
52 graph.edge = function(x0, y0, x1, y1, color) { | |
53 | |
54 this.setColor(color, 0.0, 0.65); | |
55 this.ctx.beginPath(); | |
56 this.ctx.moveTo(x0, y0); | |
57 this.ctx.lineTo(x1, y1); | |
58 this.ctx.stroke(); | |
59 | |
60 } | |
61 | |
62 var nodes = document.getElementById('graphnodes'); | |
63 var nodebgs = document.getElementById('nodebgs'); | |
64 | |
65 var revlink = '<li style="_STYLE"><span class="desc">'; | |
66 revlink += '<a class="list" href="{url}rev/_NODEID{sessionvars%urlparameter}" title="_NODEID"><b>_DESC</b></a>'; | |
67 revlink += '</span> _TAGS'; | |
68 revlink += '<span class="info">_DATE ago, by _USER</span></li>'; | |
69 | |
70 graph.vertex = function(x, y, color, parity, cur) { | |
71 | |
72 this.ctx.beginPath(); | |
73 color = this.setColor(color, 0.25, 0.75); | |
74 this.ctx.arc(x, y, radius, 0, Math.PI * 2, true); | |
75 this.ctx.fill(); | |
76 | |
77 var bg = '<li class="bg parity' + parity + '"></li>'; | |
78 nodebgs.innerHTML += bg; | |
79 | |
80 var left = (this.columns + 1) * this.bg_height; | |
81 var nstyle = 'padding-left: ' + left + 'px;'; | |
82 var item = revlink.replace(/_STYLE/, nstyle); | |
83 item = item.replace(/_PARITY/, 'parity' + parity); | |
84 item = item.replace(/_NODEID/, cur[0]); | |
85 item = item.replace(/_NODEID/, cur[0]); | |
86 item = item.replace(/_DESC/, cur[3]); | |
87 item = item.replace(/_USER/, cur[4]); | |
88 item = item.replace(/_DATE/, cur[5]); | |
89 if (cur[6].length) { | |
90 var tagspan = '<span class="logtags">'; | |
91 for (var t in cur[6]) { | |
92 var tag = cur[6][t]; | |
93 tagspan += '<span class="tagtag">' + tag + '</span> '; | |
94 } | |
95 tagspan += '</span>'; | |
96 } else { | |
97 tagspan = ''; | |
98 } | |
99 item = item.replace(/_TAGS/, tagspan); | |
100 nodes.innerHTML += item; | |
101 | |
102 } | |
103 | |
104 graph.render(data); | |
105 </script> | |
106 | |
107 <div class="page_nav"> | |
108 <a href="{url}graph/{uprev}{sessionvars%urlparameter}?revcount={revcountless}">less</a> | |
109 <a href="{url}graph/{uprev}{sessionvars%urlparameter}?revcount={revcountmore}">more</a> | |
110 | {changenav%navshortentry} | |
111 </div> | |
112 | |
113 #footer# |