woodpecker/cmd/drone-server/static/scripts/views/build.html
2015-05-17 14:25:04 -07:00

140 lines
3.5 KiB
HTML

<header>
<a href="/" class="logo"></a>
<div class="title"></div>
<div class="user">
<span>{{ user.login }}</span>
<img ng-src="{{ user.gravatar_id | gravatar }}" />
</div>
</header>
<nav>
<h1>{{ repo.owner }}<span>{{ repo.name }}</span><span>{{ build.sequence}}</span></h1>
</nav>
<main>
<section class="commit-section">
<div class="commit-status">
<div class="status {{ task.state }}" ng-if="task"></div>
<div class="status {{ build.state }}" ng-if="!task"></div>
</div>
<div class="commit-meta">
<h2>{{ build.message }}</h2>
<h3>authored <span>{{ build.created_at | fromNow }}</span> by <span>@{{ build.author }}</span></h3>
<span class="octicon octicon-git-commit">{{ build.sha.substr(0,8) }}</span>
<span class="octicon octicon-git-branch">{{ build.branch }}</span>
<span class="octicon octicon-clock" style="background:#FFF;">{{ build.duration | toDuration }} duration</span>
<span class="octicon octicon-settings" style="color: #BDBDBD; background:#FFF;position:absolute;top:20px;right:10px;padding:0px;font-size:24px;opacity:0.8;margin:0px;"></span>
<span class="md md-more-horiz" style="position:absolute;bottom:20px;right:20px;color:#BDBDBD;font-size:24px;opacity:0.8;margin:0px;"></span>
</div>
</section>
<section ng-if="build.builds.length > 1">
<table border="1">
<thead>
<tr>
<th>Number</th>
<th>Status</th>
<th>Started</th>
<th>Finished</th>
<th>Duration</th>
<th>Exit Code</th>
<th>Matrix</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="task in build.builds">
<td><a ng-href="{{ repo.full_name }}/{{ build.sequence }}/{{ task.sequence }}">{{ task.sequence }}</a></td>
<td>{{ task.state }}</td>
<td>{{ task.started_at | fromNow }}</td>
<td>{{ task.finished_at | fromNow }}</td>
<td>{{ task.duration | toDuration }}</td>
<td>{{ task.exit_code }}</td>
<td>{{ task.environment }}</td>
</tr>
</tbody>
</table>
</section>
<section>
<pre id="term" ng-if="task && task.state !== 'pending'">{{ logs }}</pre>
</section>
<button class="fab" ng-if="build.state === 'running'" ng-click="tail()"></button>
</main>
</body>
</html>
<button ng-if="build.state !== 'pending' && build.state !== 'running'" ng-click="restart()">Restart</button>
<button ng-if="build.state === 'pending' || build.state === 'running'" ng-click="cancel()">Cancel</button>
<!--
<h1>{{ repo.full_name }}/{{ build.sequence }}</h1>
<a href="/{{ repo.full_name }}">Back</a>
<div>
</div>
<dl>
<dt>Build State</dt>
<dd>{{ build.state }}</dd>
<dt>Started</dt>
<dd>{{ build.started_at | fromNow }}</dd>
<dt>Duration</dt>
<dd>{{ build.duration | toDuration }}</dd>
<dt>Type</dt>
<dd>{{ build.pull_request ? "pull request" : "push" }}</dd>
<dt ng-if="build.pull_request">Pull Request</dt>
<dd ng-if="build.pull_request">{{ build.pull_request }}</dd>
<dt>Ref</dt>
<dd>{{ build.ref }}</dd>
<dt>Sha</dt>
<dd>{{ build.sha }}</dd>
<dt>Author</dt>
<dd>{{ build.author }}</dd>
<dt>Message</dt>
<dd>{{ build.message }}</dd>
</dl>
<hr>
<dl>
<dt>Task State</dt>
<dd>{{ task.state }}</dd>
<dt>Started</dt>
<dd>{{ task.started_at | fromNow }}</dd>
<dt>Finished</dt>
<dd>{{ task.finished_at | fromNow }}</dd>
<dt>Duration</dt>
<dd>{{ task.duration | toDuration }}</dd>
<dt>Exit Code</dt>
<dd>{{ task.exit_code }}</dd>
<dt>Matrix</dt>
<dd>{{ task.environment }}</dd>
</dl>
-->