Add a proper throbber to the repo list table
This commit is contained in:
parent
d23965f79b
commit
ede9936722
2 changed files with 8 additions and 2 deletions
|
@ -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)">
|
||||
|
|
|
@ -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,
|
||||
|
|
Reference in a new issue