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

Add some feedback about the number of private repositories used.

Browse source
This commit is contained in:
yackob03 2013-10-02 01:40:11 -04:00
parent c7e83c4d41
commit c044893ff9
4 changed files with 52 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

25
static/js/controllers.js
View file

@ -447,14 +447,18 @@ function UserAdminCtrl($scope, Restangular) {
$('.spin').spin();
$scope.loading = true;
var getSubscription = Restangular.one('user/plan');
getSubscription.get().then(function(sub) {
// User has a subscription
var subscribedToPlan = function(sub) {
$scope.subscription = sub;
$scope.loading = false;
}, function() {
$scope.loading = false;
$scope.subscribedPlan = planDict[sub.plan];
$scope.planUsagePercent = sub.usedPrivateRepos * 100 / $scope.subscribedPlan.privateRepos;
$scope.planLoading = false;
}
$scope.planLoading = true;
var getSubscription = Restangular.one('user/plan');
getSubscription.get().then(subscribedToPlan, function() {
// User has no subscription
$scope.planLoading = false;
});
$scope.subscribe = function(planId) {
@ -468,12 +472,9 @@ function UserAdminCtrl($scope, Restangular) {
console.log(subscriptionDetails);
var createSubscriptionRequest = Restangular.one('user/plan');
createSubscriptionRequest.customPUT(subscriptionDetails).then(function() {
// Success
console.log('successfully created subscription');
}, function() {
createSubscriptionRequest.customPUT(subscriptionDetails).then(subscribedToPlan, function() {
// Failure
console.log('failed to created subscription');
$scope.errorMessage = 'Unable to process subscription change.';
});
});
};

25
static/partials/user-admin.html
View file

@ -1,5 +1,10 @@
<div class="container">
<div class="row" ng-hide="loading">
<div class="row" ng-show="errorMessage">
<div class="col-md-12">
<div class="alert alert-danger">{{ errorMessage }}</div>
</div>
</div>
<div class="row" ng-hide="planLoading">
<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">
@ -18,7 +23,23 @@
</div>
</div>
</div>
<div class="loading" ng-show="loading">
<div class="row" ng-hide="planLoading">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
Plan Usage
</div>
<div class="panel-body">
<b>{{ subscription.usedPrivateRepos }}</b> of {{ subscribedPlan.privateRepos }} private repositories used
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ subscription.usedPrivateRepos }}" aria-valuemin="0" aria-valuemax="{{ subscribedPlan.privateRepos }}" style="width: {{ planUsagePercent }}%;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="loading" ng-show="planLoading">
<div class="spin"></div>
</div>
</div>