Rip out spinjs in favor of a font-awesome + css spinner.

This commit is contained in:
yackob03 2013-10-03 12:27:39 -04:00
parent 31a72253a9
commit 237b0418f9
8 changed files with 16 additions and 50 deletions

View file

@ -9,7 +9,7 @@
<div class="message-container" ng-show="!user.anonymous">
<div ng-show="loadingmyrepos">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div ng-show="!loadingmyrepos && myrepos.length > 0">
<h2>Your Top Repositories</h4>
@ -43,7 +43,7 @@
<button class="btn btn-lg btn-primary btn-block" ng-disabled="signupForm.$invalid" type="submit">Get Started!</button>
</form>
<div ng-show="registering" style="text-align: center">
<span class="spin" color="#fff" style="display: inline-block"></span>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div ng-show="awaitingConfirmation">
<div class="sub-message">Thank you for registering! We have sent you an activation email. You must <b>verify your email address</b> before you can continue.</div>

View file

@ -1,5 +1,5 @@
<div class="loading" ng-show="loading">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div class="container" ng-show="!loading && (!repo || !permissions)">

View file

@ -1,5 +1,5 @@
<div class="loading" ng-show="loading">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div class="container" ng-show="!loading">
@ -7,16 +7,16 @@
<h3>Your Repositories</h3>
<div ng-show="private_repositories.length > 0">
<div class="repo-listing" ng-repeat="repository in private_repositories">
<i class="icon-hdd icon-large"></i>
<a ng-href="#/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
<div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
<i class="icon-hdd icon-large"></i>
<a ng-href="#/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
<div class="description" ng-bind-html-unsafe="getCommentFirstLine(repository.description)"></div>
</div>
</div>
<div ng-show="private_repositories.length == 0" style="padding:20px;">
<div class="alert alert-info">
<h4>You don't have any repositories yet!</h4>
<a href="#/guide"><b>Click here</b> to learn how to create a repository</a>
<h4>You don't have any repositories yet!</h4>
<a href="#/guide"><b>Click here</b> to learn how to create a repository</a>
</div>
</div>

View file

@ -1,6 +1,6 @@
<div class="container user-admin">
<div class="loading" ng-show="planLoading || planChanging">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div class="row" ng-show="errorMessage">
<div class="col-md-12">
@ -11,7 +11,7 @@
<div class="col-md-4" ng-repeat='plan in plans'>
<div class="panel" ng-class="{'panel-success': subscription.plan == plan.stripeId, 'panel-default': subscription.plan != plan.stripeId}">
<div class="panel-heading">
{{ plan.title }}
{{ plan.title }}
<span class="pull-right" ng-show="subscription.plan == plan.stripeId">
<i class="icon-ok"></i>
Subscribed
@ -22,7 +22,7 @@
<div class="plan-description"><b>{{ plan.privateRepos }}</b> Private Repositories</div>
<button class="btn btn-primary" ng-hide="subscription" ng-click="subscribe(plan.stripeId)">Subscribe</button>
<button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="changeSubscription(plan.stripeId)">Change</button>
<button class="btn btn-danger" ng-show="subscription.plan == plan.stripeId" ng-click="cancelSubscription()">Cancel</button>
<button class="btn btn-danger" ng-show="subscription.plan == plan.stripeId" ng-click="cancelSubscription()">Cancel</button>
</div>
</div>
</div>
@ -34,9 +34,9 @@
Plan Usage
</div>
<div class="panel-body">
<div class="used-description">
<div class="used-description">
<b>{{ subscription.usedPrivateRepos }}</b> of <b>{{ subscribedPlan.privateRepos }}</b> private repositories used
</div>
</div>
<div class="progress">
<div ng-class="'progress-bar ' + (planUsagePercent > 90 ? 'progress-bar-danger' : '')" role="progressbar" aria-valuenow="{{ subscription.usedPrivateRepos }}" aria-valuemin="0" aria-valuemax="{{ subscribedPlan.privateRepos }}" style="width: {{ planUsagePercent }}%;">
</div>

View file

@ -3,7 +3,7 @@
</div>
<div class="loading" ng-show="loading">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div class="container repo" ng-show="!loading && repo">
@ -93,7 +93,7 @@
<div id="image-history" style="display: none">
<div ng-hide="imageHistory">
<div class="spin"></div>
<i class="icon-spinner icon-spin icon-3x"></i>
</div>
<div ng-show="imageHistory">