This repository has been archived on 2020-03-24. You can view files and clone it, but cannot push or open issues or pull requests.
quay/static/js/directives/ui/repo-list-view.js
Joseph Schorr 3da8814787 Create a common repo-list-view control and use it everywhere
This allows users to choose grid view or table view in all repo lists

Fixes #732
2016-01-04 15:42:25 -05:00

38 lines
No EOL
1.1 KiB
JavaScript

/**
* 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;
});