From ce3db5562408938aec4264d8143455c578d181cd Mon Sep 17 00:00:00 2001
From: Henry Oswald <henry.oswald@sharelatex.com>
Date: Fri, 29 Aug 2014 13:40:35 +0100
Subject: [PATCH] improved annual plans view

---
 .../app/views/subscriptions/upgradeToAnnual.jade  | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/services/web/app/views/subscriptions/upgradeToAnnual.jade b/services/web/app/views/subscriptions/upgradeToAnnual.jade
index 5d6a4f5b0e..ecd6891e81 100644
--- a/services/web/app/views/subscriptions/upgradeToAnnual.jade
+++ b/services/web/app/views/subscriptions/upgradeToAnnual.jade
@@ -8,24 +8,19 @@ block content
 				.col-md-6.col-md-offset-3
 					.card(ng-init="planName = #{JSON.stringify(planName)}")
 						.page-header
-							h1.text-centered Move to Annual Billing
+							h1.text-centered #{translate("move_to_annual_billing")}
 						div(ng-hide="upgradeComplete")
 							.row
-								div.col-md-12
-									| Change to Annual Billing and save 
-									strong 20% 
-									| equivilent to 
-									strong ${{yearlySaving}} 
-									| per year.
+								div.col-md-12 !{translate("change_to_annual_billing_and_save", {percentage:'<strong>20</strong>', yearlySaving:"<strong>{{yearlySaving}}%</strong>"})}
 							.row &nbsp;
-									
 							.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
+											span(ng-hide="inflight") #{translate("move_to_annual_billing")} now
+
 						div(ng-show="upgradeComplete")
-							h3  Annual billing enabled, #{translate("thank_you")}.
+							h3  #{translate("annual_billing_enabled")}, #{translate("thank_you")}.