quay/static/js/pages/repo-list.js

(function() {
  /**
   * Repository listing page. Shows all repositories for all visibile namespaces.
   */
  angular.module('quayPages').config(['pages', function(pages) {
    pages.create('repo-list', 'repo-list.html', RepoListCtrl, {
      'newLayout': true,
      'title': 'Repositories',
      'description': 'View and manage Docker repositories'
    }, ['layout'])

    pages.create('repo-list', 'old-repo-list.html', OldRepoListCtrl, {
      'title': 'Repositories',
      'description': 'View and manage Docker repositories'
    }, ['old-layout']);
  }]);


  function RepoListCtrl($scope, $sanitize, $q, Restangular, UserService, ApiService) {
    $scope.namespace = null;
    $scope.page = 1;
    $scope.publicPageCount = null;

    // When loading the UserService, if the user is logged in, create a list of
    // relevant namespaces for later collecting relevant repositories.
    UserService.load(function() {
      var user = UserService.currentUser();
      if (!user.anonymous) {
        $scope.namespaces = [user];
        for (var i = 0; i < user.organizations.length; i++) {
          $scope.namespaces.push(user.organizations[i]);
        }
      }
    });

    // If someone signs in on this page, we have to watch the user and re-load
    // their repositories after they've signed in to actually have any content
    // on the page.
    $scope.$watch(function(scope) { return scope.user },
      function(user) {
        if (!user.anonymous) {
          $scope.namespaces = [user];
          for (var i = 0; i < user.organizations.length; i++) {
            $scope.namespaces.push(user.organizations[i]);
          }
          loadStarredRepos();
          loadRepos();
          deduplicateRepos();
        }
      }
    );

    $scope.toggleStar = function(repo) {
      if (repo.is_starred) {
        unstarRepo(repo);
      } else {
        starRepo(repo);
      }
    }

    var starRepo = function(repo) {
      var data = {
        'namespace': repo.namespace,
        'repository': repo.name
      };
      ApiService.createStar(data).then(function(result) {
        repo.is_starred = true;
        $scope.starred_repositories.value.push(repo);
      }, ApiService.errorDisplay('Could not star repository'));
    };

    var unstarRepo = function(repo) {
      var data = {
        'repository': repo.namespace + '/' + repo.name
      };
      ApiService.deleteStar(null, data).then(function(result) {
        repo.is_starred = false;
        $scope.starred_repositories.value = $scope.starred_repositories.value.filter(function(repo) {
          return repo.is_starred;
        });
      }, ApiService.errorDisplay('Could not unstar repository'));
    };

    var deduplicateRepos = function() {
      // Wait for namespaces to load.
      $scope.namespaces.then(function() {
        // Wait for both starred repos and each individual namespace's repos to load.
        var waitList = [$scope.starred_repositories].concat($scope.namespaces.repositories);
        $q.all(waitList).then(function() {
          var starred = {};
          // Cache starred repos.
          $scope.starred_repositories.value.map(function(repo) {
            starred[repo.namspace + '/' + repo.name] = repo;
          });

          // If we find one of the starred repos elsewhere, replace it with
          // the same object.
          $scope.namespaces.value.map(function(namespace) {
            namespace.repositories.value.map(function(repo) {
              var found = starred[repo.namespace + '/' + repo.name];
              if (found) {
                repo = found;
              }
            });
          });
        });
      });
    };

    var loadStarredRepos = function() {
      if (!$scope.user || $scope.user.anonymous) {
        return;
      }

      $scope.starred_repositories = ApiService.listStarredReposAsResource().get(function(resp) {
        return resp.repositories.map(function(repo) {
          repo.is_starred = true;
          return repo;
        });
      });
    };

    // Iterate over all of the $scope.namespaces and collect their respective
    // repositories.
    var loadRepos = function() {
      if ($scope.namespaces.length == 0 || $scope.user.anonymous) {
        return;
      }

      for (var i = 0; i < $scope.namespaces.length; i++) {
        var namespace = $scope.namespaces[i];
        var namespaceName = namespace.username || namespace.name;
        var options = {
          'public': false,
          'sort': true,
          'namespace': namespaceName,
        };
        namespace.repositories = ApiService.listReposAsResource().withOptions(options).get(function(resp) {
          return resp.repositories;
        });
      }
    };
  }

  function OldRepoListCtrl($scope, $sanitize, Restangular, UserService, ApiService) {
    $scope.namespace = null;
    $scope.page = 1;
    $scope.publicPageCount = null;

    // Monitor changes in the user.
    UserService.updateUserIn($scope, function() {
      loadMyRepos($scope.namespace);
    });

    // Monitor changes in the namespace.
    $scope.$watch('namespace', function(namespace) {
      loadMyRepos(namespace);
    });

    $scope.movePublicPage = function(increment) {
      if ($scope.publicPageCount == null) {
        return;
      }

      $scope.page += increment;
      if ($scope.page < 1) {
        $scope.page = 1;
      }

      if ($scope.page > $scope.publicPageCount) {
        $scope.page = $scope.publicPageCount;
      }

      loadPublicRepos();
    };

    var loadMyRepos = function(namespace) {
      if (!$scope.user || $scope.user.anonymous || !namespace) {
        return;
      }

      var options = {'public': false, 'sort': true, 'namespace': namespace};

      $scope.user_repositories = ApiService.listReposAsResource().withOptions(options).get(function(resp) {
        return resp.repositories;
      });
    };

    var loadPublicRepos = function() {
      var options = {
        'public': true,
        'private': false,
        'sort': true,
        'limit': 10,
        'page': $scope.page,
        'count': $scope.page == 1
      };

      $scope.public_repositories = ApiService.listReposAsResource().withOptions(options).get(function(resp) {
        if (resp.count) {
          $scope.publicPageCount = Math.ceil(resp.count / 10);
        }
        return resp.repositories;
      });
    };

    loadPublicRepos();
  }
})();