Add a proper throbber to the repo list table

This commit is contained in:
Joseph Schorr 2015-07-22 16:59:31 -04:00
parent d23965f79b
commit ede9936722
2 changed files with 8 additions and 2 deletions

View file

@ -1,10 +1,11 @@
<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-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>
<table class="co-table" ng-if="orderedRepositories.length">
<table class="co-table" ng-if="orderedRepositories.length && !isLoading">
<thead>
<td class="hidden-xs"
ng-class="tablePredicateClass('full_name', options.predicate, options.reverse)">

View file

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