125 lines
3.8 KiB
JavaScript
125 lines
3.8 KiB
JavaScript
/**
|
|
* Element for managing subscriptions.
|
|
*/
|
|
angular.module('quay').directive('planManager', function () {
|
|
var directiveDefinitionObject = {
|
|
priority: 0,
|
|
templateUrl: '/static/directives/plan-manager.html',
|
|
replace: false,
|
|
transclude: false,
|
|
restrict: 'C',
|
|
scope: {
|
|
'user': '=user',
|
|
'organization': '=organization',
|
|
|
|
'hasSubscription': '=hasSubscription',
|
|
|
|
'readyForPlan': '&readyForPlan',
|
|
'planChanged': '&planChanged'
|
|
},
|
|
controller: function($scope, $element, PlanService, ApiService) {
|
|
$scope.isExistingCustomer = false;
|
|
|
|
$scope.parseDate = function(timestamp) {
|
|
return new Date(timestamp * 1000);
|
|
};
|
|
|
|
$scope.isPlanVisible = function(plan, subscribedPlan) {
|
|
if ($scope.organization && !PlanService.isOrgCompatible(plan)) {
|
|
return false;
|
|
}
|
|
|
|
// A plan is visible if it is not deprecated, or if it is the namespace's current plan.
|
|
if (plan['deprecated']) {
|
|
return subscribedPlan && plan.stripeId === subscribedPlan.stripeId;
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
$scope.isPlanActive = function(plan, subscribedPlan) {
|
|
if (!subscribedPlan) {
|
|
return false;
|
|
}
|
|
|
|
return plan.stripeId === subscribedPlan.stripeId;
|
|
};
|
|
|
|
$scope.changeSubscription = function(planId, opt_async) {
|
|
if ($scope.planChanging) { return; }
|
|
|
|
var callbacks = {
|
|
'opening': function() { $scope.planChanging = true; },
|
|
'started': function() { $scope.planChanging = true; },
|
|
'opened': function() { $scope.planChanging = true; },
|
|
'closed': function() { $scope.planChanging = false; },
|
|
'success': subscribedToPlan,
|
|
'failure': function(resp) {
|
|
$scope.planChanging = false;
|
|
}
|
|
};
|
|
|
|
PlanService.changePlan($scope, $scope.organization, planId, callbacks, opt_async);
|
|
};
|
|
|
|
$scope.cancelSubscription = function() {
|
|
$scope.changeSubscription(PlanService.getFreePlan());
|
|
};
|
|
|
|
var subscribedToPlan = function(sub) {
|
|
$scope.subscription = sub;
|
|
$scope.isExistingCustomer = !!sub['isExistingCustomer'];
|
|
|
|
PlanService.getPlanIncludingDeprecated(sub.plan, function(subscribedPlan) {
|
|
$scope.subscribedPlan = subscribedPlan;
|
|
$scope.planUsagePercent = sub.usedPrivateRepos * 100 / $scope.subscribedPlan.privateRepos;
|
|
|
|
if ($scope.planChanged) {
|
|
$scope.planChanged({ 'plan': subscribedPlan });
|
|
}
|
|
|
|
$scope.planChanging = false;
|
|
$scope.planLoading = false;
|
|
$scope.hasSubscription = subscribedPlan.stripeId != PlanService.getFreePlan();
|
|
});
|
|
};
|
|
|
|
var update = function() {
|
|
$scope.planLoading = true;
|
|
if (!$scope.plans) { return; }
|
|
|
|
PlanService.getSubscription($scope.organization, subscribedToPlan, function() {
|
|
$scope.isExistingCustomer = false;
|
|
subscribedToPlan({ 'plan': PlanService.getFreePlan() });
|
|
});
|
|
};
|
|
|
|
var loadPlans = function() {
|
|
if ($scope.plans || $scope.loadingPlans) { return; }
|
|
if (!$scope.user && !$scope.organization) { return; }
|
|
|
|
$scope.loadingPlans = true;
|
|
PlanService.verifyLoaded(function(plans) {
|
|
$scope.plans = plans;
|
|
update();
|
|
|
|
if ($scope.readyForPlan) {
|
|
var planRequested = $scope.readyForPlan();
|
|
if (planRequested && planRequested != PlanService.getFreePlan()) {
|
|
$scope.changeSubscription(planRequested, /* async */true);
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
// Start the initial download.
|
|
$scope.planLoading = true;
|
|
loadPlans();
|
|
|
|
$scope.$watch('organization', loadPlans);
|
|
$scope.$watch('user', loadPlans);
|
|
}
|
|
};
|
|
return directiveDefinitionObject;
|
|
});
|
|
|