diff --git a/services/web/app/views/subscriptions/upgradeToAnnual.jade b/services/web/app/views/subscriptions/upgradeToAnnual.jade index 17c13f4304..5d6a4f5b0e 100644 --- a/services/web/app/views/subscriptions/upgradeToAnnual.jade +++ b/services/web/app/views/subscriptions/upgradeToAnnual.jade @@ -10,17 +10,22 @@ block content .page-header h1.text-centered Move to Annual Billing div(ng-hide="upgradeComplete") - span(ng-show="planName == 'student'") - | Upgarde from Student to Student Annual and save 20% equivilent to $19.2 - - span(ng-show="planName == 'collaborator'") - | Upgarde from Collaborator to Collaborator Annual and save 20% equivilent to $36 - - - button.btn.btn-success(ng-click="completeAnnualUpgrade()", ng-disabled="inflight") - span(ng-show="inflight") #{translate("processing")} - span(ng-hide="inflight") Move to annual billing now + .row + div.col-md-12 + | Change to Annual Billing and save + strong 20% + | equivilent to + strong ${{yearlySaving}} + | per year. + .row   + + .row + div.col-md-12 + center + button.btn.btn-success(ng-click="completeAnnualUpgrade()", ng-disabled="inflight") + span(ng-show="inflight") #{translate("processing")} + span(ng-hide="inflight") Move to annual billing now div(ng-show="upgradeComplete") - span Upgrade to annual Complete + h3 Annual billing enabled, #{translate("thank_you")}. diff --git a/services/web/public/coffee/main/annual-upgrade.coffee b/services/web/public/coffee/main/annual-upgrade.coffee index e468b6cc24..56b4748ef4 100644 --- a/services/web/public/coffee/main/annual-upgrade.coffee +++ b/services/web/public/coffee/main/annual-upgrade.coffee @@ -5,8 +5,13 @@ define [ MESSAGES_URL = "/user/subscription/upgrade-annual" - $scope.upgradeComplete = false - + $scope.upgradeComplete = true + savings = + student:"19.2" + collaborator:"36" + $scope.$watch $scope.planName, -> + $scope.yearlySaving = savings[$scope.planName] + $scope.completeAnnualUpgrade = -> body = planName: $scope.planName