Remove dead HTML code
[gipeda.git] / site / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8"/>
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <title>Gipeda</title>
9 <script type="text/javascript" src="js/signals.min.js"></script>
10 <script type="text/javascript" src="js/hasher.min.js"></script>
11 <script type="text/javascript" src="js/handlebars-v2.0.0.js"></script>
12 <script src="js/jquery-1.11.2.min.js"></script>
13 <script src="js/jquery.timeago.js"></script>
14
15 <script src="js/flot/jquery.flot.min.js"></script>
16 <script src="js/flot/jquery.flot.resize.min.js"></script>
17
18 <link rel="stylesheet" href="js/bootstrap/dist/css/bootstrap.min.css">
19 <link rel="stylesheet" href="js/bootstrap/dist/css/bootstrap-theme.min.css">
20 <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
21
22
23 <script type="text/javascript" src="js/gipeda.js"></script>
24
25 <style type="text/css">
26 html {
27     overflow-y:scroll;
28 }
29
30 .panel-heading .accordion-toggle .indicator-untoggled {
31     display: none;
32     color: grey;
33     padding-left: 1em;
34 }
35 .panel-heading .accordion-toggle .indicator-toggled {
36     display: inline;
37     color: grey;
38     padding-left: 1em;
39 }
40 .panel-heading .accordion-toggle.collapsed .indicator-untoggled {
41     display: inline;
42 }
43 .panel-heading .accordion-toggle.collapsed .indicator-toggled {
44     display: none;
45 }
46
47 .summary-row-collapsed {
48     display:none;
49 }
50
51 .benchmark-table {
52     margin-bottom: 0px;
53 }
54
55 /* Trying to visualize collapsed rows */
56 .summary-table {
57     border-collapse:collapse; 
58     
59 }
60 .summary-table .summary-row-collapsed + .summary-row td {
61     border-top: 4px dotted #DDD;
62
63 }
64 /* Couldn’t make it to work easily
65 .summary-row-collapsed td {
66     background-color:grey;
67     padding:1px;
68     border: 0px;
69     height:1px !important;
70     line-height:0px;
71     padding:0px !important;
72     overflow:hidden !important;
73 }
74 */
75
76 /* Order matters! */
77 .summary-improvement , .row-Improvement {
78     background-color: #dff0d8;
79 }
80 .summary-regression, .row-Regression {
81     background-color: #fcf8e3;
82 }
83
84 .benchmark-name a.graph-link {
85     visibility:hidden;
86 }
87 .benchmark-name:hover a.graph-link {
88     visibility:visible;
89 }
90
91 </style>
92
93 <script id="nothing" type="text/x-handlebars-template">
94   <div class="jumbotron nothing-to-see" style="display:none">
95    <p>Nothing selected... try the buttons in the top right corner.</p>
96   </div>
97 </script>
98
99 <script id="nav"  type="text/x-handlebars-template">
100  <nav class="navbar navbar-default">
101   <div class="container">
102
103     <!-- Inspired by http://stackoverflow.com/a/22978968/946226 -->
104     <!-- Title -->
105     <div class="navbar-header pull-left">
106       <a class="navbar-brand" href="#">{{ settings.title }}</a>
107     </div>
108
109     <!-- 'Sticky' (non-collapsing) right-side menu item(s) -->
110     <div class="navbar-header pull-right">
111       <p class="navbar-text nav-loading pull-left">Loading data...</p>
112
113       <ul class="nav pull-left">
114        <li class="pull-left">
115         <div class="btn-group" role="group">
116          <button type="button" class="btn btn-default navbar-btn active benchSelector" id="show-improvements" title="Show improvements">
117           <!-- <span class="glyphicon glyphicon-plus text-success"></span> -->
118           <span class="text-success" style="font-weight:bold">+</span>
119          </button>
120          <button type="button" class="btn btn-default navbar-btn benchSelector" id="show-boring" title="Show unchanged">
121           <span style="font-weight:bold">=</span>
122          </button>
123          <button type="button" class="btn btn-default navbar-btn active benchSelector" id="show-regressions" title="Show regressions">
124           <!-- <span class="glyphicon glyphicon-minus text-warning"></span> -->
125           <span class="text-warning" style="font-weight:bold">-</span>
126          </button>
127         </div>
128        </li>
129       </ul>
130
131       <!-- Required bootstrap placeholder for the collapsed menu -->
132       <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
133     </div>
134
135     <!-- The Collapsing items            navbar-left or navbar-right -->
136     <div class="collapse navbar-collapse navbar-left" id="bs-example-navbar-collapse-1">
137       <ul class="nav navbar-nav pull-right">
138       <!--                      pull-right keeps the drop-down in line -->
139         <li><a href="{{indexLink}}">Revisions</a></li>
140         <!-- <li><a href="{{allLink}}">All</a></li> -->
141         <!-- <li><a href="{{revisionLink latest}}">Reports</a></li> -->
142         <li><a href="{{graphIndexLink}}">Graphs</a></li>
143       </ul>
144
145     </div>
146   </div>
147  </nav>
148 </script>
149
150 <script id="summary-icons"  type="text/x-handlebars-template">
151   <span title="{{summaryDesc}}">
152   <span>
153    {{totalCount}}
154    <span class="glyphicon glyphicon-stats"></span>
155   </span>
156   <span>
157    {{improvementCount}}
158    <span class="glyphicon glyphicon-plus text-success"></span>
159   </span>
160   <span>
161    {{regressionCount}}
162    <span class="glyphicon glyphicon-minus text-warning"></span>
163   </span>
164   </span>
165 </script>
166
167 <script id="summary-list"  type="text/x-handlebars-template">
168   {{> nothing }}
169   <table class="table summary-table">
170    {{#each this}}
171    {{#with summary}}
172     <tr
173      class="
174        summary-row
175        {{#if stats.improvementCount}}summary-improvement{{/if}}
176        {{#if stats.regressionCount}}summary-regression{{/if}}
177      ">
178      <td class="col-md-2 text-right">
179        <abbrv class="timeago" title="{{ iso8601 gitDate }}">{{ humanDate gitDate}}</abbrv>
180      </td>
181      <td class="col-md-1">
182       <a href="{{revisionLink hash}}">
183         <code>{{shortRev hash}}</code>
184       </a>
185      </td>
186      <td class="col-md-7">
187        {{ gitSubject }}
188      </td>
189      <td class="col-md-2 text-right">
190       {{> summary-icons stats}}
191      </td>
192     </tr>
193    {{/with}}
194    {{/each}}
195   </table>
196 </script>
197
198 <script id="revTooltip" type="text/x-handlebars-template">
199  <a href="{{revisionLink hash}}"><code>{{shortRev hash}}</code></a>:
200  {{ value }}<br/>
201  {{ humanDate gitDate}}<br/>
202  {{ gitSubject }}</br>
203  {{> summary-icons stats}}
204 </script>
205
206 <script id="graphIndex" type="text/x-handlebars-template">
207  {{> nav}}
208  <div class="container">
209   <h1>Benchmarks</h1>
210  </div>
211  <div class="container">
212     <div class="panel-group" role="tablist">
213      {{#each benchGroups}}
214       <div class="panel panel-default">
215        <div class="panel-heading" role="tab" id="heading-{{@index}}">
216         <h4 class="panel-title">
217          <a class="accordion-toggle" data-toggle="collapse" href="#table-{{@index}}">
218          {{groupName}}
219          </a>
220         </h4>
221        </div>
222
223        <div id="table-{{@index}}" class="panel-collapse collapse in" role="tabpanel">
224         <div class="panel-body">
225          <table class="table table-condensed benchmark-table">
226           <thead>
227           <tr>
228            <th class="col-md-6">Benchmark name</th>
229           </tr>
230           </thead>
231           <tbody>
232            {{#each groupMembers}}
233             <tr class="
234               summary-row
235               {{#with (lookup ../../graphSummaries this)}}
236                {{#if improvements}}summary-improvement{{/if}}
237                {{#if regressions}}summary-regression{{/if}}
238               {{/with}}
239               "
240             >
241              <td class="benchmark-name">
242               {{this}}
243               <a class="graph-link" title="Graphs" href="{{graphLink this}}">
244                <span class="glyphicon glyphicon-signal"/>
245               </a>
246              </td>
247              <td class="col-md-2 text-right">
248               {{#with (lookup ../../graphSummaries this)}}
249                <span>
250                 {{improvements}}
251                 <span class="glyphicon glyphicon-plus text-success"></span>
252                </span>
253                <span>
254                 {{regressions}}
255                 <span class="glyphicon glyphicon-minus text-warning"></span>
256                </span>
257               {{/with}}
258              </td>
259             </tr>
260            {{/each}}
261           </tbody>
262          </table>
263         </div>
264        </div> 
265       </div>
266      {{/each}}
267     </div>
268    </div>
269 </script>
270
271 <script id="index" type="text/x-handlebars-template">
272  {{> nav}}
273  <div class="container">
274   <h1>Recent commits</h1>
275   {{> summary-list (recentCommits revisions)}}
276  </div>
277  <div class="container">
278   <p class="text-center">
279     <a href="{{allLink}}">view older commits...</a>
280   </p>
281  </div>
282 </script>
283
284 <script id="complete" type="text/x-handlebars-template">
285  {{> nav}}
286  <div class="container">
287   <h1>All commits</h1>
288   {{> summary-list (allCommits revisions)}}
289  </div>
290 </script>
291
292
293 <script id="revision" type="text/x-handlebars-template">
294  {{> nav}}
295
296  <div class="container">
297   <div class="row">
298    <div class="col-md-6 col-md-push-6">
299     {{#if rev.summary}}
300     <h2>
301      Commit {{shortRev rev.summary.hash}}
302     </h2>
303     <p>
304     {{#if rev.summary.parents}}
305     Displaying changes since:  
306     {{#with (lookup rev.summary.parents 0)}}
307       <a href="{{revisionLink this}}"><code>{{shortRev this}}</code></a> – 
308       <a href="{{diffLink this ../rev.summary.hash}}">View diff</a>
309     {{/with}} –
310     {{#logLink rev.summary.hash }}
311       <a href="{{link}}">View buildlog</a> –
312     {{/logLink}}
313       {{> summary-icons rev.summary.stats }}
314     {{else}}
315     No parent commit found.
316     {{/if}}
317     </p> 
318     <pre>{{rev.gitLog}}</pre>
319     {{/if}}
320    </div>
321
322    <div class="col-md-6 col-md-pull-6">
323     {{> nothing }}
324     <div class="panel-group" role="tablist">
325      {{#each groups}}
326       <div class="panel panel-default bench-panel">
327        <div class="panel-heading" role="tab" id="heading-{{@index}}">
328         <h4 class="panel-title">
329          <a class="accordion-toggle" data-toggle="collapse" href="#table-{{@index}}">
330          {{groupName}}
331          <span class="stats pull-right">
332           {{> summary-icons groupStats}}
333           <span class="indicator-toggled glyphicon glyphicon-chevron-down text-grey"/>
334           <span class="indicator-untoggled glyphicon glyphicon-chevron-right text-grey"/>
335          </span>
336          </a>
337         </h4>
338        </div>
339
340        <div id="table-{{@index}}" class="panel-collapse collapse in" role="tabpanel">
341         <div class="panel-body">
342          <table class="table table-condensed benchmark-table">
343           <thead>
344           <tr>
345           <th class="col-md-6">Benchmark name</th>
346           <th class="col-md-2 text-right">previous</th>
347           <th class="col-md-2 text-right">change</th>
348           <th class="col-md-2 text-right">now</th>
349           </tr>
350           </thead>
351           <tbody>
352            {{#each benchResults}}
353             <tr class="row-result row-{{changeType}}">
354             <td class="benchmark-name">
355              {{name}}
356              <a class="graph-link" title="Graphs" href="{{graphLink name ../../rev.summary.hash}}">
357               <span class="glyphicon glyphicon-signal"/>
358              </a>
359             </td>
360             <td class="text-right">{{previous}}</td>
361             <td class="text-right">{{change}}</td>
362             <td class="text-right">{{value}}</td>
363             </tr>
364            {{/each}}
365           </tbody>
366          </table>
367         </div>
368        </div> 
369       </div>
370      {{/each}}
371     </div>
372    </div>
373   </div>
374 </script>
375
376 <script id="graph" type="text/x-handlebars-template">
377  {{> nav}}
378
379  <div class="container">
380  <h2>{{benchName}}</h2>
381
382  <div id="benchChart" style="width:100%; height:400px">
383  </div>
384
385 </script>
386
387 <script id="compare" type="text/x-handlebars-template">
388  {{> nav}}
389
390  <div class="container">
391   <div class="row">
392    <div class="col-md-6 col-md-push-6">
393     {{#if rev1.summary}}{{#if rev2.summary}}
394     <h2>
395      Comparing
396       <code>{{shortRev rev1.summary.hash}}</code>..<code>{{shortRev rev2.summary.hash}}</code>
397     </h2>
398     <p>
399      Parents:
400      {{#each rev1.summary.parents}}
401       <a href="{{compareLink this ../rev2.summary.hash}}">{{shortRev this}}</a>
402      {{/each}}</br>
403       <a href="{{revisionLink rev1.summary.hash}}"><code>{{shortRev rev1.summary.hash}}</code></a> <abbrv class="timeago" title="{{ iso8601 gitDate }}">{{ humanDate rev1.summary.gitDate}}</abbrv>:<br/>
404      <strong>{{ rev1.summary.gitSubject }}</strong><br/>
405      {{#logLink rev1.summary.hash }}
406       <a href="{{link}}">buildlog</a>
407      {{/logLink}}
408     </p>
409     <p class="text-center">
410       ⁞<br/>
411       <a href="{{diffLink rev1.summary.hash rev2.summary.hash}}">View diff</a><br/>
412       ⁞
413     </p>
414     <p>
415      Parents:
416      {{#each rev2.summary.parents}}
417       <a href="{{compareLink ../rev1.summary.hash this}}">{{shortRev this}}</a>
418      {{/each}}</br>
419      <a href="{{revisionLink rev2.summary.hash}}"><code>{{shortRev rev2.summary.hash}}</code></a> <abbrv class="timeago" title="{{ iso8601 gitDate }}">{{ humanDate rev2.summary.gitDate}}</abbrv>:<br/>
420      <strong>{{ rev2.summary.gitSubject }}</strong><br/>
421      {{#logLink rev2.summary.hash }}
422       <a href="{{link}}">buildlog</a>
423      {{/logLink}}
424     </p>
425     {{/if}} {{/if}}
426    </div>
427
428    <div class="col-md-6 col-md-pull-6">
429     {{> nothing }}
430     <div class="panel-group" role="tablist">
431      {{#each groups}}
432       <div class="panel panel-default bench-panel">
433        <div class="panel-heading" role="tab" id="heading-{{@index}}">
434         <h4 class="panel-title">
435          <a class="accordion-toggle" data-toggle="collapse" href="#table-{{@index}}">
436          {{groupName}}
437          <span class="stats pull-right">
438           {{> summary-icons groupStats}}
439           <span class="indicator-toggled glyphicon glyphicon-chevron-down text-grey"/>
440           <span class="indicator-untoggled glyphicon glyphicon-chevron-right text-grey"/>
441          </span>
442          </a>
443         </h4>
444        </div>
445
446        <div id="table-{{@index}}" class="panel-collapse collapse in" role="tabpanel">
447         <div class="panel-body">
448          <table class="table table-condensed benchmark-table">
449           <thead>
450           <tr>
451           <th class="col-md-6">Benchmark name</th>
452           <th class="col-md-2 text-right">previous</th>
453           <th class="col-md-2 text-right">change</th>
454           <th class="col-md-2 text-right">now</th>
455           </tr>
456           </thead>
457           <tbody>
458            {{#each benchResults}}
459             <tr class="row-result row-{{changeType}}">
460             <td class="benchmark-name">
461              {{name}}
462              <a class="graph-link" title="Graphs" href="{{graphLink name ../../rev1.summary.hash ../../rev2.summary.hash}}">
463               <span class="glyphicon glyphicon-signal"/>
464              </a>
465             </td>
466             <td class="text-right">{{previous}}</td>
467             <td class="text-right">{{change}}</td>
468             <td class="text-right">{{value}}</td>
469             </tr>
470            {{/each}}
471           </tbody>
472          </table>
473         </div>
474        </div> 
475       </div>
476      {{/each}}
477     </div>
478    </div>
479   </div>
480 </script>
481
482 <script id="graph" type="text/x-handlebars-template">
483  {{> nav}}
484
485  <div class="container">
486  <h2>{{benchName}}</h2>
487
488  <div id="benchChart" style="width:100%; height:400px">
489  </div>
490
491  <p><button id="loadMore">Load older revisions</button></p>
492  </div>
493 </script>
494
495 </head>
496
497 <body>
498
499 <div id="main">
500 <div id="loading">
501 <p>
502 Loading...
503 </p>
504 <p>(If this does not disappear, then you do not have JavaScript enabled, or something else is broken.)</p>
505 </div>
506 </div>
507 </body>