From 9b46bb137f05f18bab6e7ef44da4cf092bf9d1ee Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Thu, 10 Mar 2016 15:47:29 -0300
Subject: [PATCH] Use angular-translate to support i18n

---
 bower.json                                                                      |  5 ++++-
 src/app/components/navbar/navbar.html                                           | 10 +++++-----
 src/app/components/noosfero-blocks/profile-image-block/profile-image-block.html |  2 +-
 src/app/index.config.ts                                                         | 21 +++++++++++++++++++--
 src/app/index.ts                                                                |  3 ++-
 src/languages/en.json                                                           |  8 ++++++++
 src/languages/pt.json                                                           |  8 ++++++++
 typings.json                                                                    |  1 +
 8 files changed, 48 insertions(+), 10 deletions(-)
 create mode 100644 src/languages/en.json
 create mode 100644 src/languages/pt.json

diff --git a/bower.json b/bower.json
index 84a4946..c1d9699 100644
--- a/bower.json
+++ b/bower.json
@@ -27,7 +27,10 @@
     "angular-timeline": "~1.6.2",
     "angular-scroll": "~1.0.0",
     "ngSweetAlert": "angular-sweetalert#~1.1.0",
-    "angular-mocks": "^1.5.0"
+    "angular-mocks": "^1.5.0",
+    "angular-translate": "^2.10.0",
+    "angular-translate-loader-static-files": "^2.10.0",
+    "angular-translate-handler-log": "^2.10.0"
   },
   "devDependencies": {
     "angular-mocks": "~1.5.0"
diff --git a/src/app/components/navbar/navbar.html b/src/app/components/navbar/navbar.html
index 24487e1..870cd2c 100644
--- a/src/app/components/navbar/navbar.html
+++ b/src/app/components/navbar/navbar.html
@@ -8,7 +8,7 @@
         <span class="icon-bar"></span>
       </button>
       <a class="navbar-brand" ui-sref="main">
-        <span class="noosfero-logo"><img src="assets/images/logo-noosfero.png"></span> Noosfero
+        <span class="noosfero-logo"><img src="assets/images/logo-noosfero.png"></span> {{"noosfero.name" | translate}}
       </a>
     </div>
 
@@ -18,7 +18,7 @@
 
       <ul class="nav navbar-nav navbar-right">
         <li ng-show="!ctrl.currentUser">
-          <a ng-href="#" ng-click="ctrl.openLogin()">Login</a>
+          <a ng-href="#" ng-click="ctrl.openLogin()">{{"navbar.login" | translate}}</a>
         </li>
 
         <li class="dropdown profile-menu" ng-show="ctrl.currentUser" dropdown>
@@ -28,14 +28,14 @@
           </a>
           <ul class="dropdown-menu" dropdown-menu>
               <li>
-                  <a ui-sref="main.profile.info({profile: ctrl.currentUser.person.identifier})"><i class="fa fa-fw fa-user"></i> Profile</a>
+                  <a ui-sref="main.profile.info({profile: ctrl.currentUser.person.identifier})"><i class="fa fa-fw fa-user"></i> {{"navbar.profile" | translate}}</a>
               </li>
               <li>
-                  <a target="_self" ui-sref="main.profile.settings({profile: ctrl.currentUser.person.identifier})"><i class="fa fa-fw fa-gear"></i> Settings</a>
+                  <a target="_self" ui-sref="main.profile.settings({profile: ctrl.currentUser.person.identifier})"><i class="fa fa-fw fa-gear"></i> {{"navbar.settings" | translate}}</a>
               </li>
               <li class="divider"></li>
               <li>
-                  <a href="#" ng-click="ctrl.logout()"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
+                  <a href="#" ng-click="ctrl.logout()"><i class="fa fa-fw fa-power-off"></i> {{"navbar.logout" | translate}}</a>
               </li>
           </ul>
         </li>
diff --git a/src/app/components/noosfero-blocks/profile-image-block/profile-image-block.html b/src/app/components/noosfero-blocks/profile-image-block/profile-image-block.html
index 5c20aee..f9159e3 100644
--- a/src/app/components/noosfero-blocks/profile-image-block/profile-image-block.html
+++ b/src/app/components/noosfero-blocks/profile-image-block/profile-image-block.html
@@ -2,5 +2,5 @@
   <a ui-sref="main.profile.info({profile: ctrl.owner.identifier})">
     <noosfero-profile-image [profile]="ctrl.owner"></noosfero-profile-image>
   </a>
-  <a class="settings-link" target="_self" ui-sref="main.profile.settings({profile: ctrl.owner.identifier})">Control panel</a>
+  <a class="settings-link" target="_self" ui-sref="main.profile.settings({profile: ctrl.owner.identifier})">{{"blocks.profile_image.control_panel" | translate}}</a>
 </div>
diff --git a/src/app/index.config.ts b/src/app/index.config.ts
index f55d98a..a187a3c 100644
--- a/src/app/index.config.ts
+++ b/src/app/index.config.ts
@@ -1,6 +1,12 @@
 
 /** @ngInject */
-export function noosferoModuleConfig($logProvider: ng.ILogProvider, $locationProvider: ng.ILocationProvider, RestangularProvider: restangular.IProvider, $httpProvider: ng.IHttpProvider, $provide: ng.auto.IProvideService) {
+export function noosferoModuleConfig($logProvider: ng.ILogProvider,
+    $locationProvider: ng.ILocationProvider,
+    RestangularProvider: restangular.IProvider,
+    $httpProvider: ng.IHttpProvider,
+    $provide: ng.auto.IProvideService,
+    $translateProvider: angular.translate.ITranslateProvider) {
+
     $logProvider.debugEnabled(true);
     $locationProvider.html5Mode({ enabled: true });
     RestangularProvider.setBaseUrl("/api/v1");
@@ -14,4 +20,15 @@ export function noosferoModuleConfig($logProvider: ng.ILogProvider, $locationPro
             $document.scrollToElementAnimated(uiViewElement);
         };
     });
-}
\ No newline at end of file
+    configTranslation($translateProvider);
+}
+
+function configTranslation($translateProvider: angular.translate.ITranslateProvider) {
+    $translateProvider.useStaticFilesLoader({
+        prefix: '/languages/',
+        suffix: '.json'
+    });
+    $translateProvider.useMissingTranslationHandlerLog();
+    $translateProvider.preferredLanguage('en');
+    $translateProvider.useSanitizeValueStrategy('escape');
+}
diff --git a/src/app/index.ts b/src/app/index.ts
index ea8e02c..eb46a8a 100644
--- a/src/app/index.ts
+++ b/src/app/index.ts
@@ -17,7 +17,8 @@ let noosferoApp: any = bundle("noosferoApp", Main, ["ngAnimate", "ngCookies", "n
     "ngSanitize", "ngMessages", "ngAria", "restangular",
     "ui.router", "ui.bootstrap", "toastr",
     "angularMoment", "angular.filter", "akoenig.deckgrid",
-    "angular-timeline", "duScroll", "oitozero.ngSweetAlert"]).publish();
+    "angular-timeline", "duScroll", "oitozero.ngSweetAlert",
+    "pascalprecht.translate"]).publish();
 
 NoosferoApp.angularModule = noosferoApp;
 
diff --git a/src/languages/en.json b/src/languages/en.json
new file mode 100644
index 0000000..65a8dc0
--- /dev/null
+++ b/src/languages/en.json
@@ -0,0 +1,8 @@
+{  
+  "noosfero.name" : "Noosfero",
+  "blocks.profile_image.control_panel": "Control Panel",
+  "navbar.profile": "Profile",
+  "navbar.settings": "Settings",
+  "navbar.logout": "Log Out",
+  "navbar.login": "Login"
+}
diff --git a/src/languages/pt.json b/src/languages/pt.json
new file mode 100644
index 0000000..3feb8cc
--- /dev/null
+++ b/src/languages/pt.json
@@ -0,0 +1,8 @@
+{  
+  "noosfero.name" : "Noosfero",
+  "blocks.profile_image.control_panel": "Painel de Controle",
+  "navbar.profile": "Perfil",
+  "navbar.settings": "Configurações",
+  "navbar.logout": "Sair",
+  "navbar.login": "Login"
+}
diff --git a/typings.json b/typings.json
index 0dd1751..2cd6ffe 100644
--- a/typings.json
+++ b/typings.json
@@ -5,6 +5,7 @@
   "ambientDependencies": {
     "angular": "github:DefinitelyTyped/DefinitelyTyped/angularjs/angular.d.ts#1c4a34873c9e70cce86edd0e61c559e43dfa5f75",
     "angular-mocks": "github:DefinitelyTyped/DefinitelyTyped/angularjs/angular-mocks.d.ts",
+    "angular-translate": "github:DefinitelyTyped/DefinitelyTyped/angular-translate/angular-translate.d.ts#19850bf86c876e0c2544842114878ece4664941a",
     "angular-ui-router": "github:DefinitelyTyped/DefinitelyTyped/angular-ui-router/angular-ui-router.d.ts#655f8c1bf3c71b0e1ba415b36309604f79326ac8",
     "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#4de74cb527395c13ba20b438c3a7a419ad931f1c",
     "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#dd638012d63e069f2c99d06ef4dcc9616a943ee4",
--
libgit2 0.21.2