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

Fix small UI issue with repo toggle

Browse source
This commit is contained in:
Joseph Schorr 2016-01-11 14:05:41 -05:00
parent fb43c1fb10
commit f2dff3a7e1
4 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/directives/ui/repo-list-table.css
View file

@ -1,7 +1,3 @@
.repo-list-table {
margin-top: 40px;
}
.repo-list-table .repo-name-icon .avatar {
margin-right: 10px;
}

4
static/css/directives/ui/repo-list-view.css
View file

@ -2,3 +2,7 @@
float: right;
margin-bottom: 10px;
}
.repo-list-view-element {
min-height: 40px;
}

2
static/directives/repo-list-view.html
View file

@ -1,6 +1,6 @@
<div class="repo-list-view-element">
<!-- Toggle -->
<div class="repo-list-toggleb btn-group">
<div class="repo-list-toggleb btn-group" ng-show="!loading">
<i class="btn btn-default fa fa-th-large" ng-class="!showAsList ? 'active' : ''"
ng-click="setShowAsList(false)" title="Grid View" data-container="body" bs-tooltip></i>
<i class="btn btn-default fa fa-th-list" ng-class="showAsList ? 'active' : ''"

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

@ -15,15 +15,20 @@ angular.module('quay').directive('repoListView', function () {
},
controller: function($scope, $element, CookieService) {
$scope.resources = [];
$scope.loading = true;
$scope.showAsList = CookieService.get('quay.repoview') == 'list';
$scope.$watch('namespaces', function(namespaces) {
if (!namespaces) { return; }
$scope.loading = false;
$scope.resources = [];
namespaces.forEach(function(namespace) {
if (namespace && namespace.repositories) {
$scope.resources.push(namespace.repositories);
if (namespace.repositories.loading) {
$scope.loading = true;
}
}
});
}, true);