vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Create a common repo-list-view control and use it everywhere

Browse source 
This allows users to choose grid view or table view in all repo lists

Fixes #732
This commit is contained in:
Joseph Schorr 2015-12-28 16:29:17 -05:00
parent 16f16e8a15
commit 3da8814787
13 changed files with 115 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/js/directives/ui/repo-list-grid.js
View file

@ -13,7 +13,8 @@ angular.module('quay').directive('repoListGrid', function () {
starred: '=starred',
namespace: '=namespace',
starToggled: '&starToggled',
hideTitle: '=hideTitle'
hideTitle: '=hideTitle',
hideNamespaces: '=hideNamespaces'
},
controller: function($scope, $element, UserService) {
$scope.isOrganization = function(namespace) {

5
static/js/directives/ui/repo-list-table.js
View file

@ -10,7 +10,8 @@ angular.module('quay').directive('repoListTable', function () {
restrict: 'C',
scope: {
'repositoriesResources': '=repositoriesResources',
'namespaces': '=namespaces'
'namespaces': '=namespaces',
'starToggled': '&starToggled'
},
controller: function($scope, $element, $filter) {
var orderBy = $filter('orderBy');
@ -59,7 +60,7 @@ angular.module('quay').directive('repoListTable', function () {
$scope.getAvatarData = function(namespace) {
var found = {};
$scope.namespaces.forEach(function(current) {
if (current.name == namespace) {
if (current.name == namespace || current.username == namespace) {
found = current.avatar;
}
});

38
static/js/directives/ui/repo-list-view.js Normal file
View file

@ -0,0 +1,38 @@
/**
* An element that displays a list (grid or table) of repositories.
*/
angular.module('quay').directive('repoListView', function () {
var directiveDefinitionObject = {
priority: 0,
templateUrl: '/static/directives/repo-list-view.html',
replace: false,
transclude: true,
restrict: 'C',
scope: {
namespaces: '=namespaces',
starredRepositories: '=starredRepositories',
starToggled: '&starToggled',
},
controller: function($scope, $element, CookieService) {
$scope.resources = [];
$scope.showAsList = CookieService.get('quay.repoview') == 'list';
$scope.$watch('namespaces', function(namespaces) {
if (!namespaces) { return; }
$scope.resources = [];
namespaces.forEach(function(namespace) {
if (namespace && namespace.repositories) {
$scope.resources.push(namespace.repositories);
}
});
}, true);
$scope.setShowAsList = function(value) {
$scope.showAsList = value;
CookieService.putPermanent('quay.repoview', value ? 'list' : 'grid');
};
}
};
return directiveDefinitionObject;
});