From e73fb765d281aec4123976bebbc3f18e13e2ab24 Mon Sep 17 00:00:00 2001
From: Paul Angus <paul.angus@shapeblue.com>
Date: Mon, 8 Oct 2018 20:27:10 -0400
Subject: [PATCH] ui: Display i18n language name in the same language (#2883)

This update changes how the languages are shown on the UI's login page. Previously all languages were shown in the current language of the login page. This meant for instance, that a Japanese speaker would have to know English to find their language. Likewise if the language had been changed, a German speaker might need to speak Korean in order to find their language.

Therefore the UI has been altered to always show the name of each language in the appropriate language.
---
 ui/index.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 3d503c8c9cd..7a8e3da0177 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -1775,29 +1775,29 @@
 
             // Inject translated l10n language options
             var l10nDropdown = $($.find('#l10n-options'));
-            l10nDropdown.append($('<option>', {value: 'en', text: translate('label.lang.english')}));
-            l10nDropdown.append($('<option>', {value: 'ja_JP', text: translate('label.lang.japanese')}));
-            l10nDropdown.append($('<option>', {value: 'zh_CN', text: translate('label.lang.chinese')}));
-            l10nDropdown.append($('<option>', {value: 'ru_RU', text: translate('label.lang.russian')}));
-            l10nDropdown.append($('<option>', {value: 'fr_FR', text: translate('label.lang.french')}));
-            l10nDropdown.append($('<option>', {value: 'pt_BR', text: translate('label.lang.brportugese')}));
-            l10nDropdown.append($('<option>', {value: 'ca', text: translate('label.lang.catalan')}));
-            l10nDropdown.append($('<option>', {value: 'ko_KR', text: translate('label.lang.korean')}));
-            l10nDropdown.append($('<option>', {value: 'es', text: translate('label.lang.spanish')}));
-            l10nDropdown.append($('<option>', {value: 'de_DE', text: translate('label.lang.german')}));
-            l10nDropdown.append($('<option>', {value: 'it_IT', text: translate('label.lang.italian')}));
-            l10nDropdown.append($('<option>', {value: 'nb_NO', text: translate('label.lang.norwegian')}));
-            l10nDropdown.append($('<option>', {value: 'ar', text: translate('label.lang.arabic')}));
-            l10nDropdown.append($('<option>', {value: 'nl_NL', text: translate('label.lang.dutch')}));
-            l10nDropdown.append($('<option>', {value: 'pl', text: translate('label.lang.polish')}));
-            l10nDropdown.append($('<option>', {value: 'hu', text: translate('label.lang.hungarian')}));
+            l10nDropdown.append($('<option>', {value: 'en', text: 'English'}));
+            l10nDropdown.append($('<option>', {value: 'ja_JP', text: '日本語'}));
+            l10nDropdown.append($('<option>', {value: 'zh_CN', text: '简体中文'}));
+            l10nDropdown.append($('<option>', {value: 'ru_RU', text: 'Русский'}));
+            l10nDropdown.append($('<option>', {value: 'fr_FR', text: 'Français'}));
+            l10nDropdown.append($('<option>', {value: 'pt_BR', text: 'Português brasileiro'}));
+            l10nDropdown.append($('<option>', {value: 'ca', text: 'Catalan'}));
+            l10nDropdown.append($('<option>', {value: 'ko_KR', text: '한국어'}));
+            l10nDropdown.append($('<option>', {value: 'es', text: 'Españo'}));
+            l10nDropdown.append($('<option>', {value: 'de_DE', text: 'Deutsch'}));
+            l10nDropdown.append($('<option>', {value: 'it_IT', text: 'Italiano'}));
+            l10nDropdown.append($('<option>', {value: 'nb_NO', text: 'Norsk'}));
+            l10nDropdown.append($('<option>', {value: 'ar', text: 'Arabic'}));
+            l10nDropdown.append($('<option>', {value: 'nl_NL', text: 'Nederlands (Nederlands)'}));
+            l10nDropdown.append($('<option>', {value: 'pl', text: 'Polish'}));
+            l10nDropdown.append($('<option>', {value: 'hu', text: 'Magyar'}));
 
             // Inject translated keyboard options
             var keyboardDropdown = $($.find('#keyboard-options'));
-            keyboardDropdown.append($('<option>', {value: 'us', text: translate('label.standard.us.keyboard')}));
-            keyboardDropdown.append($('<option>', {value: 'uk', text: translate('label.uk.keyboard')}));
-            keyboardDropdown.append($('<option>', {value: 'jp', text: translate('label.japanese.keyboard')}));
-            keyboardDropdown.append($('<option>', {value: 'sc', text: translate('label.simplified.chinese.keyboard')}));
+            keyboardDropdown.append($('<option>', {value: 'us', text: 'Standard (US) keyboard'}));
+            keyboardDropdown.append($('<option>', {value: 'uk', text: 'UK keyboard'}));
+            keyboardDropdown.append($('<option>', {value: 'jp', text: '日本語キーボード'}));
+            keyboardDropdown.append($('<option>', {value: 'sc', text: '简体中文键盘'}));
         </script>
 
         <script src="lib/excanvas.js" type="text/javascript"></script>