woodpecker/cmd/drone-server/static/scripts/views/build.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>


-->