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

Add a proper throbber to the repo list table

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

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)">

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

@ -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,