add angular translate for 1i8n, #3

dockerboard · Jan 10, 2015 · 7674189 · 7674189
1 parent b977fef
commit 7674189
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 6 deletions.
diff --git a/bower.json b/bower.json
@@ -26,6 +26,11 @@
     "material-design-icons": "1.0.x",
     "angular-pretty-bytes": "1.0.x",
     "angular-loading-bar": "0.6.x",
-    "angular-moment": "0.8.x"
+    "angular-moment": "0.8.x",
+    "angular-translate": "2.5.x",
+    "angular-translate-storage-local": "2.5.x",
+    "angular-translate-loader-static-files": "~2.5.2",
+    "angular-translate-storage-cookie": "~2.5.2",
+    "angular-cookies": "1.3.8"
   }
 }
diff --git a/src/index.jade b/src/index.jade
@@ -51,14 +51,14 @@ html(lang="en" class="no-js" ng-app="dockerboard" ng-strict-di)
           button(class="menu-item menu-title md-menu-item"
             ng-if="!section.url"
             ng-click="menu.toggleSelectSection(section)"
-            ng-href="#{{ section.url }}"
+            ng-href="{{ section.url }}"
             md-highlight="menu.isSectionSelected(section)"
             md-ink-ripple="#bbb"
             ng-bind="section.name")
           a(class="menu-item menu-title md-menu-item"
             ng-if="section.url"
             ng-click="menu.toggleSelectSection(section)"
-            ng-href="#{{ section.url }}"
+            ng-href="{{ section.url }}"
             md-highlight="menu.isSectionSelected(section)"
             md-ink-ripple="#bbb")
             span(ng-bind="section.name")
@@ -104,6 +104,11 @@ html(lang="en" class="no-js" ng-app="dockerboard" ng-strict-di)
     script(src="bower_components/angular-loading-bar/build/loading-bar.js")
     script(src="bower_components/moment/moment.js")
     script(src="bower_components/angular-moment/angular-moment.js")
+    script(src="bower_components/angular-cookies/angular-cookies.js")
+    script(src="bower_components/angular-translate/angular-translate.js")
+    script(src="bower_components/angular-translate-storage-cookie/angular-translate-storage-cookie.js")
+    script(src="bower_components/angular-translate-storage-local/angular-translate-storage-local.js")
+    script(src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js")
     // endbuild
 
     // build:js js/dockerboard-app.js

diff --git a/src/js/app.js b/src/js/app.js
@@ -1,15 +1,28 @@
+(function (angular) {
 'use strict';
 
 angular.module(dockerboardApp.name, dockerboardApp.dependencies)
-  .config(['$locationProvider', '$urlRouterProvider', function($locationProvider, $urlRouterProvider) {
+  .config([
+    '$locationProvider',
+    '$urlRouterProvider',
+    '$translateProvider',
+    function($locationProvider, $urlRouterProvider, $translateProvider) {
 
       // Redirect to home view when route not found
       $urlRouterProvider.otherwise('/');
 
       // use the HTML5 History API
       //$locationProvider.html5Mode(true);
+
+      // langs
+      $translateProvider.useStaticFilesLoader({
+        prefix: 'data/locale-',
+        suffix: '.json'
+      });
+      $translateProvider.preferredLanguage('en');
+      $translateProvider.useLocalStorage();
     }
-    ])
+  ])
   .run(['$rootScope', function($rootScope) {
       $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
         console.log('State Change: transition begins!');
@@ -47,3 +60,4 @@ angular.element(document).ready(function() {
   //Then init the app
   //angular.bootstrap(document, [dockerboardApp.name]);
 });
+})(angular);
diff --git a/src/js/config.js b/src/js/config.js
@@ -9,7 +9,9 @@ app.dependencies = [
   'ui.router',
   'prettyBytes',
   'angular-loading-bar',
-  'angularMoment'
+  'angularMoment',
+  'ngCookies',
+  'pascalprecht.translate'
 ];
 app.registerModule = registerModule;