add animated booting state icon to ownerpage

app/components/owner-repo-tile.coffee

@@ -14,6 +14,15 @@ OwnerRepoTileComponent = Ember.Component.extend
     @get('repo.slug').split(/\//)[1]
   ).property('repo.slug')
 
+  isAnimating: (->
+    state = @get('repo.default_branch.last_build.state')
+    animationStates = ['received', 'queued', 'started', 'booting']
+
+    unless animationStates.indexOf(state) == -1
+      true
+
+  ).property('repo.default_branch.last_build.state')
+
 
 
 

app/styles/app/modules/icons.sass

@@ -228,6 +228,13 @@
   i:nth-of-type(3)
     animation-delay: 0.7s
 
+.icon-owner-receiving
+  @extend .icon-receiving
+  margin-right: 0.5em !important
+  i
+    width: 5px
+    height: 5px
+    background-color: #ECCE4B
 
 @keyframes bubbleScale
   0%, 80%, 100%

app/templates/components/owner-repo-tile.hbs

@@ -2,7 +2,11 @@
   <div class="tile-lock"><span class="icon icon-lock"></span></div>
 {{/if}}
 <div class="repo">
-  <span class="icon--job {{repo.default_branch.last_build.state}}"></span>
+  {{#if isAnimating}}
+    <span class="icon-owner-receiving"><i></i><i></i><i></i></span>
+  {{else}}
+    <span class="icon--job {{repo.default_branch.last_build.state}}"></span>
+  {{/if}}
   <h2 class="repo-title">{{#link-to "repo" ownerName repoName }}{{repoName}}{{/link-to}}</h2>
 </div>
 {{#if repo.default_branch.last_build}}