From 1b7ee3203787ab09d7a3af5f2a64b27a8a1ae83a Mon Sep 17 00:00:00 2001
From: Myf <mayfyx@163.com>
Date: Fri, 30 Oct 2015 15:53:40 +0800
Subject: [PATCH] Add change Language button.

---
 index.html      | 30 ++++++++++++++++++++++++++++++
 js/ctrls/nav.js | 10 +++++++---
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index a2f813a..0713ed2 100755
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
 
   <link rel="stylesheet" href="css/bootstrap.css">
   <link rel="stylesheet" href="css/font-awesome.min.css">
+  <link rel="stylesheet" href="css/flag-icon.min.css">
 
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/download.css">
@@ -74,6 +75,7 @@
 
   <!-- translate -->
   <script src="js/libs/angular-translate.js"></script>
+  <script src="js/translate/en_US.js"></script>
   <script src="js/translate/th_TH.js"></script>
   <script src="js/translate/zh_CN.js"></script>
 </head>
@@ -206,6 +208,34 @@
           </ul>
         </li>
       </ul>
+
+
+      <ul class="nav navbar-nav">
+        <li class="dropdown" dropdown>
+          <a
+                  href="#"
+                  class="dropdown-toggle" dropdown-toggle>{{ 'Language' | translate }} <span class="caret"></span></a>
+
+          <ul class="dropdown-menu">
+            <li>
+              <a
+                      ng-click="changeLanguage('en_US')"
+                      href="#"><span class="fa fa-fw flag-icon flag-icon-us">&nbsp;</span> English</a>
+            </li>
+            <li>
+              <a
+                      ng-click="changeLanguage('th_TH')"
+                      href="#"><span class="fa fa-fw flag-icon flag-icon-th">&nbsp;</span> Thai</a> <!-- TODO Thai translate -->
+            </li>
+            <li>
+              <a
+                      ng-click="changeLanguage('zh_CN')"
+                      href="#"><span class="fa fa-fw flag-icon flag-icon-cn">&nbsp;</span> 简体中文</a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+
     </div>
     <!-- }}} -->
 
diff --git a/js/ctrls/nav.js b/js/ctrls/nav.js
index 99f1581..dd9565b 100644
--- a/js/ctrls/nav.js
+++ b/js/ctrls/nav.js
@@ -8,12 +8,12 @@ angular
 	'$scope', '$modals',
 	'$rpc', '$rpchelpers', '$fileSettings',
 	'$globalSettings', '$globalExclude',
-	'$utils',
+	'$utils', '$translate',
 	function(
 		scope, modals,
 		rpc, rhelpers, fsettings,
 		gsettings, gexclude,
-		utils
+		utils, translate
 	) {
 
 	scope.isFeatureEnabled = function(f) { return rhelpers.isFeatureEnabled(f) };
@@ -131,6 +131,10 @@ angular
 		modals.invoke(
 			'about'
 		);
-	}
+	};
+
+	scope.changeLanguage = function (langkey) {
+		translate.use(langkey);
+	};
 
 }]);