Permalink
Browse files

feat(ui-labels): data-labels

  • Loading branch information...
jkuri committed Aug 30, 2017
1 parent 0c2ec11 commit a1af711b74356e1cd5f043f072daa6293d9e09c5
@@ -132,6 +132,9 @@ <h1 class="bold">
</div>
<div class="column is-2">
<progress min="0" max="1" [value]="(job.start_time | timeDurationRaw) / job.lastRunTime" *ngIf="job?.status === 'running' && job?.lastRunTime"></progress>
<span class="data-label green" *ngIf="job?.status === 'success'">Success</span>
<span class="data-label red" *ngIf="job?.status === 'failed'">Failed</span>
<span class="data-label bright" *ngIf="job?.status === 'queued'">Queued</span>
</div>
<div class="column is-1">
<span class="job-time" *ngIf="job?.status === 'running'">{{ job.start_time | timeDuration }}</span>
@@ -290,3 +290,24 @@ progress
border-radius: 50%
margin: 0 auto
border: 1px solid $border


.data-label
border-radius: 3px
font-size: 12px
color: $white
padding: 5px 20px
width: 100px
margin: 0 auto
text-align: center
font-weight: $weight-semibold

&.green
background: #36AF47

&.red
background: #ED1C24

&.bright
background: #DFE1E5
color: #354052

0 comments on commit a1af711

Please sign in to comment.