[enh] put fancy colors for job background

This commit is contained in:
Laurent Peuch 2018-11-03 04:57:28 +01:00
parent a55bf386eb
commit f6cd2bce54
2 changed files with 17 additions and 1 deletions

View file

@ -20,4 +20,20 @@
.navbar {
border-bottom: 0.5px solid #ddd;
}
.doneJob {
background-color: #BCFFBC80 !important;;
}
.failureJob {
background-color: #FCAAAA80 !important;;
}
.canceledJob {
background-color: #FAFCAA80 !important;;
}
.runningJob {
background-color: #D9EDF7 !important;;
}

View file

@ -13,7 +13,7 @@
<th>Started time</th>
<th>End time</th>
</thead>
<tr v-for="(job, index) in jobs" :id="job.id" v-bind:class="{deleted: job.deleted}">
<tr v-for="(job, index) in jobs" :id="job.id" v-bind:class="[{deleted: job.deleted}, job.state + 'Job']">
<td><a v-if="!job.deleted" v-bind:href="'job/' + job.id">{{job.name}}</a><span v-if="job.deleted">{{job.name}} (deleted)</span> <small title="job's id">#{{job.id}} </small></td>
<td>{{job.state}}</td>
<td>{{timestampToDate(job.created_time)}}</td>