format jobs and include exist code, duration, etc

This commit is contained in:
Brad Rydzewski 2015-08-10 22:17:58 -07:00
parent 194f7dd6ca
commit c62ca29469
3 changed files with 27 additions and 6 deletions

View file

@ -200,9 +200,9 @@
templateUrl: '/static/scripts/views/builds/show/content.html', templateUrl: '/static/scripts/views/builds/show/content.html',
controller: 'BuildOutCtrl', controller: 'BuildOutCtrl',
resolve: resolveUser resolve: resolveUser
}, }
title: 'Build Job' },
} title: 'Build'
}); });
// Enables html5 mode // Enables html5 mode

View file

@ -24,6 +24,11 @@
<div class="param" ng-repeat="(key, value) in job.environment"> <div class="param" ng-repeat="(key, value) in job.environment">
{{ key.toUpperCase() }}={{ value }} {{ key.toUpperCase() }}={{ value }}
</div> </div>
<div class="meta-group">
<div class="meta">finished {{ job.started_at | fromNow }}</div>
<div class="meta">duration of {{ job.finished_at - job.started_at | toDuration }}</div>
<div class="meta">with exit code {{ job.exit_code }}</div>
</div>
</div> </div>
</a> </a>
</div> </div>

View file

@ -171,7 +171,7 @@ main aside > div {
font-weight:300; font-weight:300;
} }
@media (-webkit-min-device-pixel-ratio: 1) { @media (-webkit-max-device-pixel-ratio: 1) {
.console pre { .console pre {
font-weight:400; font-weight:400;
line-height:20px; line-height:20px;
@ -364,8 +364,24 @@ main aside > div {
.job-list > li div.param:first-child { .job-list > li div.param:first-child {
margin-top:9px; margin-top:9px;
} }
.job-list > a div.meta,
.job-list > li div.meta {
margin-top: 5px;
color: #a7adba;
}
.job-list > a div.meta-group {
padding-top:10px;
display:none;
}
.job-list > a.active div.meta-group {
display:block;
}
.job-list:not(.matrix-list) > a div.meta:first-child {
color: #4c555a;
margin-top: -2px;
padding-bottom: 5px;
font-size: 14px;
}
li menu { li menu {
position:absolute; position:absolute;