Adding in UI for cancel anytime.

static/css/directives/ui/build-state-icon.css

@@ -20,4 +20,8 @@
 
 .build-state-icon .complete {
   color: #2fcc66;
-}
+}
+
+.build-state-icon .cancelled {
+  color: #9b9b9b;
+}

static/directives/build-state-icon.html

@@ -5,5 +5,6 @@
    <i class="fa fa-times-circle" ng-if="build.phase == 'error'"></i>
    <i class="fa fa-exclamation-circle" ng-if="build.phase == 'expired'"></i>
    <i class="fa fa-exclamation-circle" ng-if="build.phase == 'internalerror'"></i>
+   <i class="fa fa-minus-circle" ng-if="build.phase == 'cancelled'"></i>
  </span>
 </span>

static/js/directives/ui/build-mini-status.js

@@ -12,10 +12,10 @@ angular.module('quay').directive('buildMiniStatus', function () {
       'build': '=build',
       'isAdmin': '=isAdmin'
     },
-    controller: function($scope, $element) {
+    controller: function($scope, $element, BuildService) {
       $scope.isBuilding = function(build) {
         if (!build) { return true; }
-        return build.phase != 'complete' && build.phase != 'error';
+        return BuildService.isActive(build)
       };
     }
   };

static/js/services/build-service.js

@@ -2,9 +2,9 @@
  * Service which provides helper methods for reasoning about builds.
  */
 angular.module('quay').factory('BuildService', [function() {
-  var buildService = {}
+  var buildService = {};
   buildService.isActive = function(build) {
-    return build.phase != 'complete' && build.phase != 'error' && build.phase != 'expired';
+    return build.phase != 'complete' && build.phase != 'error' && build.phase != 'expired' && build.phase != 'cancelled';
   };
 
   buildService.getBuildMessage = function(phase) {
@@ -51,6 +51,10 @@ angular.module('quay').factory('BuildService', [function() {
 
       case 'internalerror':
         return 'An internal system error occurred while building; the build will be retried in the next few minutes.';
+
+      case 'cancelled':
+        return 'This build was previously cancelled.';
+
     }
   };
 

static/partials/build-view.html

@@ -41,8 +41,7 @@
                 <i class="fa fa-clock-o"></i> Show Timestamps
               </span>
             </span>
-            <span class="cor-option" option-click="askCancelBuild(build)"
-                  ng-if="build.phase == 'waiting'">
+            <span class="cor-option" option-click="askCancelBuild(build)">
               <i class="fa fa-times"></i> Cancel Build
             </span>
           </span>