slitaz-dev-tools view slitaz-mercurial-style/templates/slitaz/graph.tmpl @ rev 277
slitaz-mercurial-style: more work and first stage finished (testing localy)
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Wed Mar 01 19:12:07 2017 +0100 (2017-03-01) |
| parents | 0b0666832cb6 |
| children | 785860256941 |
line source
1 {header}
2 <title>{repo|escape}: revision graph</title>
3 <link rel="alternate" type="application/atom+xml"
4 href="{url}atom-log" title="Atom feed for {repo|escape}: log" />
5 <link rel="alternate" type="application/rss+xml"
6 href="{url}rss-log" title="RSS feed for {repo|escape}: log" />
7 <!--[if IE]><script type="text/javascript" src="{staticurl}excanvas.js"></script><![endif]-->
8 </head>
9 <body>
11 <!-- Header -->
12 <div id="header">
13 <div id="logo"></div>
14 <div id="network">
15 <a href="http://www.slitaz.org/">Home</a>
16 <a href="http://scn.slitaz.org/">Community</a>
17 <a href="http://doc.slitaz.org/">Doc</a>
18 <a href="http://forum.slitaz.org/">Forum</a>
19 <a href="http://irc.slitaz.org/">IRC</a>
20 <a href="http://pro.slitaz.org/">Pro</a>
21 <a href="http://bugs.slitaz.org">Bugs</a>
22 <span>Hg</span>
23 <a href="http://cook.slitaz.org/">Cook</a>
24 </div>
25 <h1><a href="http://hg.slitaz.org/">SliTaz Repositories</a></h1>
26 </div>
28 <!-- Navigation -->
29 <nav id="nav" role="navigation" tabindex="0">
30 <ul>
31 <li><a class="nav2" href="{url}summary{sessionvars%urlparameter}">Summary</a></li>
32 <li><a class="nav1" href="{url}log{sessionvars%urlparameter}">Changelog</a></li>
33 <li><a class="nav2" href="{url}rev/{node|short}{sessionvars%urlparameter}">Changeset</a></li>
34 <li><a class="nav1" href="{url}graph/{node|short}{sessionvars%urlparameter}">Graph</a></li>
35 <li><a class="nav2" href="{url}file/{node|short}{path|urlescape}{sessionvars%urlparameter}">Browse</a></li>
36 </ul>
37 <p>
38 Repo: <span class="repo">{repo|escape}</span> →
39 Download: <a href="/{repo|escape}/archive/tip.tar.bz2">bz2</a> -
40 Changeset: <span class="value">{node|short}</span>
41 <br />
42 <span id="repo-desc">Revision: {rev}
43 | <a href="{url}graph/{rev}{lessvars%urlparameter}">less</a>
44 | <a href="{url}graph/{rev}{morevars%urlparameter}">more</a>
45 | {changenav%navgraph}</span>
46 </p>
47 </nav>
49 <div id="hgsearch">
50 <form class="search" action="{url}log">
51 {sessionvars%hiddenformentry}
52 <input name="rev" id="search1" type="text" placeholder="Search" />
53 </form>
54 </div>
56 <!-- Content -->
57 <div id="content">
59 <h2><a href="{url}{sessionvars%urlparameter}">{repo|escape}</a> graph</h2>
61 <div class="navigate">
62 <a href="{url}graph/{rev}{lessvars%urlparameter}">less</a>
63 <a href="{url}graph/{rev}{morevars%urlparameter}">more</a>
64 | rev {rev}: {changenav%navgraph}
65 </div>
67 <noscript><p>The revision graph only works with JavaScript-enabled browsers.</p></noscript>
69 <div id="wrapper">
70 <ul id="nodebgs"></ul>
71 <canvas id="graph" width="224" height="{canvasheight}"></canvas>
72 <ul id="graphnodes"></ul>
73 </div>
75 <script>
76 <!-- hide script content
78 var data = {jsdata|json};
79 var graph = new Graph();
80 graph.scale({bg_height});
82 graph.vertex = function(x, y, color, parity, cur) \{
84 this.ctx.beginPath();
85 color = this.setColor(color, 0.25, 0.75);
86 this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);
87 this.ctx.fill();
89 var bg = '<li class="bg parity' + parity + '"></li>';
90 var left = (this.bg_height - this.box_size) + (this.columns + 1) * this.box_size;
91 var nstyle = 'padding-left: ' + left + 'px;';
93 var tagspan = '';
94 if (cur[7].length || cur[8].length || (cur[6][0] != 'default' || cur[6][1])) \{
95 tagspan = '<span class="logtags">';
96 if (cur[6][1]) \{
97 tagspan += '<span class="branchtag" title="' + cur[6][0] + '">';
98 tagspan += cur[6][0] + '</span> ';
99 } else if (!cur[6][1] && cur[6][0] != 'default') \{
100 tagspan += '<span class="inbranchtag" title="' + cur[6][0] + '">';
101 tagspan += cur[6][0] + '</span> ';
102 }
103 if (cur[7].length) \{
104 for (var t in cur[7]) \{
105 var tag = cur[7][t];
106 tagspan += '<span class="tagtag">' + tag + '</span> ';
107 }
108 }
109 if (cur[8].length) \{
110 for (var t in cur[8]) \{
111 var bookmark = cur[8][t];
112 tagspan += '<span class="bookmarktag">' + bookmark + '</span> ';
113 }
114 }
115 tagspan += '</span>';
116 }
118 var item = '<li style="' + nstyle + '"><span class="desc">';
119 item += '<a class="list" href="{url|urlescape}rev/' + cur[0] + '{sessionvars%urlparameter}" title="' + cur[0] + '"><b>' + cur[3] + '</b></a>';
120 item += '</span> ' + tagspan + '';
121 item += '<span class="info">' + cur[5] + ', by ' + cur[4] + '</span></li>';
123 return [bg, item];
125 }
127 graph.render(data);
129 // stop hiding script -->
130 </script>
132 <div class="page_nav">
133 <a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a>
134 <a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a>
135 | {changenav%navgraph}
136 </div>
138 <script type="text/javascript">
139 ajaxScrollInit(
140 '{url|urlescape}graph/{rev}?revcount=%next%&style={style}',
141 {revcount}+60,
142 function (htmlText, previousVal) \{ return previousVal + 60; },
143 '#wrapper',
144 '<div class="%class%" style="text-align: center;">%text%</div>',
145 'graph'
146 );
147 </script>
149 <!-- End of content -->
150 </div>
152 {footer}