ohwgiles_laminar/src/resources/tpl/home.html

<div class="container-fluid">
<div class="row">
<div class="col-sm-5 col-md-4 col-lg-3 dash">
 <h3>Recent Builds</h3>
 <table class="table table-bordered">
  <tr class="animate-repeat" ng-repeat="job in jobsQueued track by $index">
   <td><a href="jobs/{{job.name}}">{{job.name}}</a> <i>queued</i></td>
  </tr>
  <tr class="animate-repeat" ng-repeat="job in jobsRunning track by $index">
   <td><a href="jobs/{{job.name}}">{{job.name}}</a> <a href="jobs/{{job.name}}/{{job.number}}">#{{job.number}}</a> <div class="progress">
    <div class="progress-bar progress-bar-{{job.overtime?'warning':'info'}} progress-bar-striped {{job.etc?'':'active'}}" style="width:{{!job.etc?'100':job.progress}}%"></div>
    </div>
   </td>
  </tr>
  <tr class="animate-repeat" ng-repeat="job in jobsRecent track by $index">
   <td><span ng-bind-html="runIcon(job.result)"></span> <a href="jobs/{{job.name}}">{{job.name}}</a> <a href="jobs/{{job.name}}/{{job.number}}">#{{job.number}}</a><br><small>Took {{job.duration}} at {{job.when}}</small></td>
  </tr>
 </table>
</div>
<div class="col-sm-7 col-md-8 col-lg-9">
<h3>Dashboard</h3>
<div class="row">
<div class="col-md-6">
 <div class="panel panel-default">
  <div class="panel-heading">Builds per day</div>
  <div class="panel-body">
   <canvas id="chartBpd"></canvas>
  </div>
 </div>
</div>
<div class="col-md-6">
 <div class="panel panel-default">
  <div class="panel-heading">Builds per job in the last 24 hours</div>
  <div class="panel-body" id="chartStatus">
   <canvas id="chartBpj"></canvas>
  </div>
 </div>
</div>
<div class="col-md-6">
 <div class="panel panel-default">
  <div class="panel-heading">Current executor utilization</div>
  <div class="panel-body">
   <canvas id="chartUtil"></canvas>
  </div>
 </div>
</div>
<div class="col-md-6">
 <div class="panel panel-default">
  <div class="panel-heading">what to put here?</div>
  <div class="panel-body">
  </div>
 </div>
</div>
</div>
</div>
</div>
</div>