- Update the repo page when a build is complete

- Change the polling to be 5s
- Show a message on an empty repo when building

static/js/controllers.js

@@ -335,28 +335,69 @@ function RepoCtrl($scope, Restangular, $routeParams, $rootScope, $location, $tim
     }
   });
 
+  var fetchRepository = function() {
+    var repositoryFetch = Restangular.one('repository/' + namespace + '/' + name);
+    repositoryFetch.get().then(function(repo) {
+      $rootScope.title = namespace + '/' + name;
+      $scope.repo = repo;
+
+      $scope.setTag($routeParams.tag);
+
+      $('#copyClipboard').clipboardCopy();
+      $scope.loading = false;
+
+      if (repo.is_building) {
+        startBuildInfoTimer(repo);
+      }  
+    }, function() {
+      $scope.repo = null;
+      $scope.loading = false;
+      $rootScope.title = 'Unknown Repository';
+    });
+  };
+
   var startBuildInfoTimer = function(repo) {
     if ($scope.interval) { return; }
 
     getBuildInfo(repo);
     $scope.interval = setInterval(function() {
-      var container = document.getElementById('build-status-container');
-      if (container != null && container.offsetWidth > 0) {            
       $scope.$apply(function() { getBuildInfo(repo); });
-      }
-    }, 2000);
+    }, 5000);
 
     $scope.$on("$destroy", function() {
+      cancelBuildInfoTimer();
+    });
+  };
+
+  var cancelBuildInfoTimer = function() {
     if ($scope.interval) {
       clearInterval($scope.interval);
     }
-    });
   };
 
   var getBuildInfo = function(repo) {
     var buildInfo = Restangular.one('repository/' + repo.namespace + '/' + repo.name + '/build/');
     buildInfo.get().then(function(resp) {
-      $scope.buildsInfo = resp.builds;
+      var runningBuilds = [];
+      for (var i = 0; i < resp.builds.length; ++i) {
+        var build = resp.builds[i];
+        if (build.status != 'complete') {
+          runningBuilds.push(build);
+        }
+      }
+
+      $scope.buildsInfo = runningBuilds;
+      if (!runningBuilds.length) {
+        // Cancel the build timer.
+        cancelBuildInfoTimer();
+
+        // Mark the repo as no longer building.
+        $scope.repo.is_building = false;
+
+        // Reload the repo information.
+        fetchRepository();
+        listImages();
+      }
     });
   };
 
@@ -455,24 +496,7 @@ function RepoCtrl($scope, Restangular, $routeParams, $rootScope, $location, $tim
   $scope.loading = true;
 
   // Fetch the repo.
-  var repositoryFetch = Restangular.one('repository/' + namespace + '/' + name);
-  repositoryFetch.get().then(function(repo) {
-    $rootScope.title = namespace + '/' + name;
-    $scope.repo = repo;
-
-    $scope.setTag($routeParams.tag);
-
-    $('#copyClipboard').clipboardCopy();
-    $scope.loading = false;
-
-    if (repo.is_building) {
-      startBuildInfoTimer(repo);
-    }  
-  }, function() {
-    $scope.repo = null;
-    $scope.loading = false;
-    $rootScope.title = 'Unknown Repository';
-  });
+  fetchRepository();
 
   // Fetch the image history.
   listImages();

static/partials/build-status-item.html

@@ -2,4 +2,8 @@
  <div ng-repeat="build in buildsInfo">
    <div class="build-status" build="build"></div>
  </div>
+
+ <div ng-show="buildsInfo.length == 0">
+   All Dockerfile builds complete
+ </div>
 </div>

static/partials/view-repo.html

@@ -64,6 +64,10 @@
     <div class="empty-message">(This repository is empty)</div>
   </div>
 
+  <div class="repo-content" ng-show="!currentTag.image && repo.is_building">
+    <div class="empty-message">Your build is currently processing, if this takes longer than an hour, please contact quay support</div>
+  </div>
+
   <!-- Content view -->
   <div class="repo-content" ng-show="currentTag.image">
     <!-- Image History -->