Initial commit

src/resources/tpl/browse.html

@@ -0,0 +1,16 @@
+<div class="container-fluid">
+<div class="row">
+<div class="col-xs-12">
+ <h3>Browse jobs</h3>
+ <div class="form-inline form-group">
+  <label for="jobFilter">Filter</label>
+  <input id="jobFilter" ng-model="search.name">
+ </div>
+ <table class="table table-bordered">
+  <tr class="animate-repeat" ng-repeat="job in jobs | filter:search:strict">
+   <td><a href="jobs/{{job.name}}">{{job.name}}</a></td>
+  </tr>
+ </table>
+</div>
+</div>
+</div>

src/resources/tpl/home.html

@@ -0,0 +1,58 @@
+<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>
+

src/resources/tpl/job.html

@@ -0,0 +1,22 @@
+<div class="container-fluid">
+<div class="row">
+<div class="col-xs-12">
+ <h3>{{name}}</h3>
+ <table class="table table-bordered">
+  <tr class="animate-repeat" ng-repeat="job in jobsQueued track by $index">
+   <td><i>queued</i></td>
+  </tr>
+  <tr class="animate-repeat" ng-repeat="job in jobsRunning track by $index">
+   <td><a href="jobs/{{job.name}}/{{job.number}}">#{{job.number}}</a> progressbar?</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.number}}">#{{job.number}}</a></td>
+  </tr>
+ </table>
+</div>
+<div class="col-sm-7 col-md-8 col-lg-9">
+ 
+</div>
+</div>
+</div>
+

src/resources/tpl/log.html

@@ -0,0 +1,8 @@
+<div class="container-fluid">
+<div class="row">
+<div class="col-xs-12">
+ <h3>Log output for {{name}} #{{num}}</h3>
+ <pre ng-bind-html="log()"></pre>
+</div>
+</div>
+</div>

src/resources/tpl/run.html

@@ -0,0 +1,13 @@
+<div class="container-fluid">
+<div class="row">
+<div class="col-xs-12">
+ <dl class="dl-horizontal">
+  <dt style="vertical-align:bottom;"></dt><dd><h3><span ng-bind-html="runIcon(job.result)"></span> {{name}} #{{num}}</h3></dd>
+  <dt><a class="btn btn-default" href="jobs/{{name}}">&lt; Job</a></dt><dd><a class="btn btn-default" href="jobs/{{name}}/{{num}}/log">Log output</a></dd>
+  <dt></dt><dd>&nbsp;</dd>
+  <dt>Reason</dt><dd>{{job.reason}}</dd>
+  <dt>Started</dt><dd>{{job.when}}</dd>
+ </dl>
+</div>
+</div>
+</div>