change states that animate
This commit is contained in:
parent
dd319b343e
commit
e2be355054
|
@ -7,9 +7,13 @@ JobsItemComponent = Ember.Component.extend
|
||||||
classNameBindings: ['job.state']
|
classNameBindings: ['job.state']
|
||||||
classNames: ['tile', 'tile--jobs', 'row']
|
classNames: ['tile', 'tile--jobs', 'row']
|
||||||
|
|
||||||
isBooting: (->
|
isAnimating: (->
|
||||||
if @get('job.state') == 'received'
|
state = @get('job.state')
|
||||||
return true
|
animationStates = ['received', 'queued', 'started', 'booting']
|
||||||
|
|
||||||
|
unless animationStates.indexOf(state) == -1
|
||||||
|
true
|
||||||
|
|
||||||
).property('job.state')
|
).property('job.state')
|
||||||
|
|
||||||
languages: (->
|
languages: (->
|
||||||
|
|
|
@ -121,21 +121,15 @@
|
||||||
|
|
||||||
.icon--env
|
.icon--env
|
||||||
background-image: inline-image('svg/icon-environment-dark2.svg')
|
background-image: inline-image('svg/icon-environment-dark2.svg')
|
||||||
.icon--cross-red,
|
|
||||||
.icon--job.failed,
|
.icon--job.failed,
|
||||||
.icon--job.rejected
|
.icon--job.rejected
|
||||||
background-image: inline-image('svg/icon-job-failed.svg')
|
background-image: inline-image('svg/icon-job-failed.svg')
|
||||||
.icon--check-green,
|
|
||||||
.icon--job.passed,
|
.icon--job.passed,
|
||||||
.icon--job.accepted
|
.icon--job.accepted
|
||||||
background-image: inline-image('svg/icon-job-passed.svg')
|
background-image: inline-image('svg/icon-job-passed.svg')
|
||||||
.icon--error-grey,
|
|
||||||
.icon--job.errored
|
.icon--job.errored
|
||||||
background-image: inline-image('svg/icon-job-errored.svg')
|
background-image: inline-image('svg/icon-job-errored.svg')
|
||||||
.icon--job.started,
|
.icon--job.created
|
||||||
.icon--job.created,
|
|
||||||
.icon--job.queued,
|
|
||||||
.icon--started-yellow
|
|
||||||
background-image: inline-image('svg/icon-job-started.svg')
|
background-image: inline-image('svg/icon-job-started.svg')
|
||||||
.icon--job.canceled
|
.icon--job.canceled
|
||||||
background-image: inline-image('svg/icon-job-canceled.svg')
|
background-image: inline-image('svg/icon-job-canceled.svg')
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{{#link-to "job" repo job}}
|
{{#link-to "job" repo job}}
|
||||||
<div class="tile-status tile-status--job">
|
<div class="tile-status tile-status--job">
|
||||||
{{#if isBooting}}
|
{{#if isAnimating}}
|
||||||
<svg class="svg-booting" version="1.1" width="30" height="12" viewBox="0 0 10 10" preserveAspectRatio="xMinYMid meet">
|
<svg class="svg-booting" version="1.1" width="30" height="12" viewBox="0 0 10 10" preserveAspectRatio="xMinYMid meet">
|
||||||
<g>
|
<g>
|
||||||
<circle class="bubble" fill="#CDBC2C" cx="7.686" cy="7.369" r="2"/>
|
<circle class="bubble" fill="#CDBC2C" cx="7.686" cy="7.369" r="2"/>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user