Add spin.js-based throbber for all loading

This commit is contained in:
Joseph Schorr 2013-10-01 16:42:20 -04:00
parent ee41f79bcc
commit 76d9cbc14f
8 changed files with 90 additions and 23 deletions

View file

@ -1,8 +1,12 @@
<div class="container" ng-show="!repo || !permissions">
<div class="loading" ng-show="loading">
<div class="spin"></div>
</div>
<div class="container" ng-show="!loading && (!repo || !permissions)">
No repository found
</div>
<div class="container repo repo-admin" ng-show="repo && permissions">
<div class="container repo repo-admin" ng-show="!loading && repo && permissions">
<div class="header">
<a href="{{ '#/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="icon-chevron-left"></i></a>
<h3>
@ -14,7 +18,7 @@
<div class="panel panel-default">
<div class="panel-heading">User Access Permissions</div>
<div class="panel-body">
<table class="permissions">
<thead>
<tr>

View file

@ -1,4 +1,8 @@
<div class="container">
<div class="loading" ng-show="loading">
<div class="spin"></div>
</div>
<div class="container" ng-show="!loading">
<h3>Repositories</h3>
<div class="repo-listing" ng-repeat="repository in repositories">
<i class="icon-hdd icon-large"></i>

View file

@ -1,8 +1,12 @@
<div class="container" ng-hide="repo">
<div class="container" ng-show="!loading && !repo">
No repository found
</div>
<div class="container repo" ng-show="repo">
<div class="loading" ng-show="loading">
<div class="spin"></div>
</div>
<div class="container repo" ng-show="!loading && repo">
<!-- Repo Header -->
<div class="header">
<h3>
@ -81,7 +85,7 @@
<div id="image-history" style="display: none">
<div ng-hide="imageHistory">
Loading images...
<div class="spin"></div>
</div>
<div ng-show="imageHistory">