diff --git a/static/js/pages/repo-list.js b/static/js/pages/repo-list.js
index 354a12895..bb3087b71 100644
--- a/static/js/pages/repo-list.js
+++ b/static/js/pages/repo-list.js
@@ -4,16 +4,161 @@
*/
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, 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]);
+ }
+ //loadStarredRepos();
+ //loadRepos();
+ }
+ });
+
+ // 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();
+ }
+ });
+
+ $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) {
+ updateReposAfterStar(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) {
+ updateReposAfterUnstar(repo);
+ }, ApiService.errorDisplay('Could not unstar repository'));
+ };
+
+ // Finds a repository within the list of namespaces attached to $scope.
+ var findRepoInList = function(repoNamespace, repoName) {
+ var namespaceIndex = $scope.namespaces.map(function (n) {
+ return n.username || n.name;
+ }).indexOf(repoNamespace);
+
+ var namespace = $scope.namespaces[namespaceIndex]
+
+ var repoIndex = namespace.repositories.value.map(function (r) {
+ return r.namespace + '/' + r.name;
+ }).indexOf(repoNamespace + '/' + repoName);
+
+ return repoIndex != -1 ? namespace.repositories.value[repoIndex] : null;
+ }
+
+ // Add a starred repository to the list starred repository list and make
+ // sure it appears starred elsewhere on the page.
+ var updateReposAfterStar = function(repository) {
+ $scope.starred_repositories.value.push(repository);
+
+ var repo = findRepoInList(repository.namespace, repository.name);
+ if (repo != null) {
+ repo.is_starred = true;
+ }
+ }
+
+ // Remove a repository from the starred repository list and make sure that
+ // it doesn't appear starred elsewhere on the page.
+ var updateReposAfterUnstar = function(repository) {
+ // Remove from the starred listings
+ var index = $scope.starred_repositories.value.map(function(r) {
+ return r.namespace + '/' + r.name;
+ }).indexOf(repository.namespace + '/' + repository.name);
+ $scope.starred_repositories.value.splice(index, 1);
+
+ // Set repo from the normal listings to unstarred.
+ var repo = findRepoInList(repository.namespace, repository.name);
+ if (repo != null) {
+ repo.is_starred = false;
+ }
+ };
+
+ 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);
@@ -73,4 +218,4 @@
loadPublicRepos();
}
-})();
\ No newline at end of file
+})();
diff --git a/static/partials/old-repo-list.html b/static/partials/old-repo-list.html
new file mode 100644
index 000000000..ab482de76
--- /dev/null
+++ b/static/partials/old-repo-list.html
@@ -0,0 +1,74 @@
+
+
+
+
+
Your Repositories
+
Repositories
+
+
+
+
+
+
+
Top Public Repositories
+
+
+