Add spin.js-based throbber for all loading
This commit is contained in:
parent
ee41f79bcc
commit
76d9cbc14f
8 changed files with 90 additions and 23 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Reference in a new issue