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

Update the plans page to make it a single row (and work in general)

Browse source
This commit is contained in:
Joseph Schorr 2013-12-20 21:25:06 -05:00
parent 3f062ee602
commit 8bfc0ac48d
3 changed files with 9 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/css/quay.css
View file

@ -670,13 +670,6 @@ i.toggle-icon:hover {
margin-top: 5px; margin-top: 5px;
} }
.plans-list .plan.small {
border: 1px solid #ddd;
border-top: 4px solid #428bca;
margin-top: 0px;
font-size: 1.6em;
}
.plans-list .plan.business-plan { .plans-list .plan.business-plan {
border: 1px solid #eee; border: 1px solid #eee;
border-top: 4px solid #94F794; border-top: 4px solid #94F794;

13
static/js/controllers.js
View file

@ -33,19 +33,10 @@ function PlansCtrl($scope, $location, UserService, PlanService) {
}; };
$scope.buyNow = function(plan) { $scope.buyNow = function(plan) {
PlanService.notePlan(plan);
if ($scope.user && !$scope.user.anonymous) { if ($scope.user && !$scope.user.anonymous) {
document.location = '/user?plan=' + plan; PlanService.handleNotedPlan();
} else { } else {
PlanService.notePlan(plan);
$('#signinModal').modal({});
}
};
$scope.createOrg = function(plan) {
if ($scope.user && !$scope.user.anonymous) {
document.location = '/organizations/new/?plan=' + plan;
} else {
PlanService.notePlan(plan);
$('#signinModal').modal({}); $('#signinModal').modal({});
} }
}; };

33
static/partials/plans.html
View file

@ -4,41 +4,22 @@
</div> </div>
<div class="all-plans"> <div class="all-plans">
All plans include <span class="feature">unlimited public repositories</span> and <span class="feature">unlimited sharing</span>. All paid plans have a <span class="feature">14-day free trial</span>. All plans include <span class="feature">unlimited public repositories</span> and <span class="feature">unlimited sharing</span>.
<br>
All business plans include: <span class="business-feature">organizations</span> and <span class="business-feature">teams</span> with <span class="business-feature">delegated access</span> to the organization.
</div> </div>
<div class="row plans-list"> <div class="row plans-list">
<div class="col-xs-0 col-lg-1"></div> <div class="col-xs-0 col-lg-1"></div>
<div class="col-lg-2 col-xs-4 plan-container" ng-repeat="plan in plans.user"> <div class="col-lg-2 col-xs-4 plan-container" ng-repeat="plan in plans" ng-show="plan.price > 0 && !plan.deprecated">
<div class="plan" ng-class="plan.stripeId"> <div class="plan" ng-class="plan.stripeId + ' ' + (plan.bus_features ? 'business-plan' : '')">
<div class="plan-title">{{ plan.title }}</div> <div class="plan-title">{{ plan.title }}</div>
<div class="plan-price">${{ plan.price/100 }}</div> <div class="plan-price">${{ plan.price/100 }}</div>
<div class="count"><b>{{ plan.privateRepos }}</b> private repositories</div> <div class="count"><b>{{ plan.privateRepos }}</b> private repositories</div>
<div class="description">{{ plan.audience }}</div> <div class="description">{{ plan.audience }}</div>
<div class="smaller">SSL secured connections</div> <div class="smaller">SSL secured connections</div>
<button class="btn btn-primary btn-block" ng-click="buyNow(plan.stripeId)">Sign Up Now</button> <button class="btn btn-block" ng-class="plan.bus_features ? 'btn-success' : 'btn-primary'"
</div> ng-click="buyNow(plan.stripeId)">Sign Up Now</button>
</div>
</div>
<div class="callout">
Business Plan Pricing
</div>
<div class="all-plans">
All business plans include all of the personal plan features, plus: <span class="business-feature">organizations</span> and <span class="business-feature">teams</span> with <span class="business-feature">delegated access</span> to the organization. All business plans have a <span class="business-feature">14-day free trial</span>.
</div>
<div class="row plans-list">
<div class="col-xs-0 col-lg-1"></div>
<div class="col-lg-2 col-xs-4 plan-container" ng-repeat="plan in plans.business">
<div class="plan business-plan" ng-class="plan.stripeId">
<div class="plan-title">{{ plan.title }}</div>
<div class="plan-price">${{ plan.price/100 }}</div>
<div class="count"><b>{{ plan.privateRepos }}</b> private repositories</div>
<div class="description">{{ plan.audience }}</div>
<div class="smaller">SSL secured connections</div>
<button class="btn btn-success btn-block" ng-click="createOrg(plan.stripeId)">Sign Up Now</button>
</div> </div>
</div> </div>
</div> </div>