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

Merge pull request #268 from coreos-inc/uxtweaks

Browse source 
UI/UX tweaks
This commit is contained in:
Jimmy Zelinskie 2015-07-22 17:10:13 -04:00
commit bb0fcd0b59
5 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/directives/ui/repo-list-grid.css
View file

@ -50,6 +50,14 @@
.repo-list-title .starred { .repo-list-title .starred {
color: #ffba6d; color: #ffba6d;
display: inline-block;
text-align: center;
width: 24px;
margin-right: 6px;
}
.repo-list-title .avatar {
margin-right: 6px !important;
} }
.repo-panel { .repo-panel {

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

@ -34,3 +34,7 @@
.repo-list-table .repo-star i { .repo-list-table .repo-star i {
color: #ccc; color: #ccc;
} }
.repo-list-table table tbody tr:last-child td {
border: 0px;
}

4
static/css/pages/repo-list.css
View file

@ -14,7 +14,7 @@
} }
.repo-list .namespaces-list { .repo-list .namespaces-list {
margin: 20px; margin: 4px;
padding: 0px; padding: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -31,7 +31,7 @@
} }
.repo-list .new-org { .repo-list .new-org {
margin-top: 20px !important; margin-top: 10px !important;
padding-top: 14px; padding-top: 14px;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }

5
static/directives/repo-list-table.html
View file

@ -1,10 +1,11 @@
<div class="repo-list-table-element"> <div class="repo-list-table-element">
<div ng-if="orderedRepositories.length== 0"> <div class="cor-loader" ng-if="isLoading"></div>
<div ng-if="orderedRepositories.length == 0 && !isLoading">
<div class="empty-primary-msg">You do not have any viewable repositories.</div> <div class="empty-primary-msg">You do not have any viewable repositories.</div>
<div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div> <div class="empty-secondary-msg">Either no repositories exist yet or you may not have permission to view any. If you have permission, try <a href="/new">creating a new repository</a>.</div>
</div> </div>
<table class="co-table" ng-if="orderedRepositories.length"> <table class="co-table" ng-if="orderedRepositories.length && !isLoading">
<thead> <thead>
<td class="hidden-xs" <td class="hidden-xs"
ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)"> ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)">

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

@ -20,7 +20,7 @@ angular.module('quay').directive('repoListTable', function () {
$scope.maxPopularity = 0; $scope.maxPopularity = 0;
$scope.options = { $scope.options = {
'predicate': 'is_starred', 'predicate': 'popularity',
'reverse': true 'reverse': true
}; };
@ -81,8 +81,13 @@ angular.module('quay').directive('repoListTable', function () {
$scope.$watch('repositoriesResources', function(resources) { $scope.$watch('repositoriesResources', function(resources) {
$scope.repositories = []; $scope.repositories = [];
$scope.maxPopularity = 0; $scope.maxPopularity = 0;
$scope.isLoading = false;
resources.forEach(function(resource) { resources.forEach(function(resource) {
if (resource.loading) {
$scope.isLoading = true;
}
(resource.value || []).forEach(function(repository) { (resource.value || []).forEach(function(repository) {
var repositoryInfo = $.extend(repository, { var repositoryInfo = $.extend(repository, {
'full_name': repository.namespace + '/' + repository.name, 'full_name': repository.namespace + '/' + repository.name,