Added language for mobile settings

app/css/mobile.css

@@ -851,6 +851,9 @@ a.im_message_fwd_author {
 .mobile_modal_action_wrap {
   border-bottom: 1px solid #e0e0e0;
 }
+.mobile_modal_select_wrap {
+  margin: 7px 12px 0;
+}
 a.mobile_modal_action,
 span.mobile_modal_action {
   color: #000;

app/js/controllers.js

@@ -1453,17 +1453,22 @@ angular.module('myApp.controllers', ['myApp.i18n'])
     }
   })
 
-  .controller('AppLangFooterController', function ($scope, _, Storage, ErrorService, AppRuntimeManager) {
+  .controller('AppLangSelectController', function ($scope, _, Storage, ErrorService, AppRuntimeManager) {
     $scope.supportedLocales = Config.I18n.supported;
     $scope.langNames = Config.I18n.languages;
     $scope.curLocale = Config.I18n.locale;
+    $scope.form = {locale: Config.I18n.locale};
 
     $scope.localeSelect = function localeSelect (newLocale) {
-      Storage.set({i18n_locale: newLocale});
+      newLocale = newLocale || $scope.form.locale;
       if ($scope.curLocale !== newLocale) {
         ErrorService.confirm({type: 'APPLY_LANG_WITH_RELOAD'}).then(function () {
+          Storage.set({i18n_locale: newLocale}).then(function () {
             AppRuntimeManager.reload();
           });
+        }, function () {
+          $scope.form.locale = $scope.curLocale;
+        });
       }
     };
   })

app/js/init.js

@@ -111,14 +111,12 @@
       locale = (navigator.language || '').toLowerCase();
       locale = Config.I18n.aliases[locale] || locale;
     }
-    if (!Config.Mobile) {
     for (var i = 0; i < Config.I18n.supported.length; i++) {
       if (Config.I18n.supported[i] == locale) {
         Config.I18n.locale = locale;
         break;
       }
     }
-    }
     bootReady.i18n_ng = Config.I18n.locale == defaultLocale; // Already included
 
     $.getJSON('js/locales/' + Config.I18n.locale + '.json').success(function (json) {

app/js/lib/config.js

@@ -201,7 +201,11 @@ Config.LangCountries = {"es": "ES", "ru": "RU", "en": "US", "de": "DE", "it": "I
   function storageRemoveValue () {
     var keys = Array.prototype.slice.call(arguments),
         prefix = storageGetPrefix(),
-        i, key;
+        i, key, callback;
+
+    if (typeof keys[keys.length - 1] === 'function') {
+      callback = keys.pop();
+    }
 
     for (i = 0; i < keys.length; i++) {
       key = keys[i] = prefix + keys[i];
@@ -211,7 +215,10 @@ Config.LangCountries = {"es": "ES", "ru": "RU", "en": "US", "de": "DE", "it": "I
       }
     }
     if (useCs) {
-      chrome.storage.local.remove(keys);
+      chrome.storage.local.remove(keys, callback);
+    }
+    else if (callback) {
+      callback();
     }
   };
 

app/partials/desktop/lang_footer.html

@@ -1,4 +1,4 @@
-<div class="footer_wrap" ng-controller="AppLangFooterController">
+<div class="footer_wrap" ng-controller="AppLangSelectController">
 	<span ng-repeat="locale in ::supportedLocales">
 	  <a class="footer_lang_link" ng-class="{active: curLocale == locale, disabled: curLocale == locale}" ng-disabled="curLocale == locale" ng-click="localeSelect(locale)" ng-bind="langNames[locale]"></a>
 	  <span ng-if="!$last" class="footer_link_divider"></span>

app/partials/mobile/settings_modal.html

@@ -101,6 +101,16 @@
       </a>
     </div>
 
+
+    <div class="mobile_modal_action_wrap" ng-controller="AppLangSelectController">
+      <div class="mobile_modal_select_wrap pull-right">
+        <select class="form-control" ng-change="localeSelect()" ng-model="form.locale">
+          <option ng-repeat="locale in ::supportedLocales" value="{{locale}}" ng-bind="langNames[locale]" ng-selected="locale == curLocale"></option>
+        </select>
+      </div>
+      <span class="mobile_modal_action" my-i18n="settings_modal_language"></span>
+    </div>
+
     <div class="mobile_modal_section" ng-if="profile.phone">
       <h4 class="mobile_modal_section_header" my-i18n="settings_modal_phone"></h4>
       <div class="mobile_modal_section_value" ng-bind="profile.phone | phoneNumber"></div>