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>