Translate multiple select drop down

package.json

@@ -60,7 +60,7 @@
     "lodash.debounce": "^4.0.8",
     "marked": "^4.1.1",
     "multicast-dns": "^7.2.5",
-    "multiple-select": "^1.6.0",
+    "multiple-select": "^1.7.0",
     "nw-vue-devtools-prebuilt": "^0.0.10",
     "ol": "^8.2.0",
     "select2": "^4.0.13",

src/js/jqueryPlugins.js

@@ -4,6 +4,8 @@ import 'jquery-textcomplete';
 import 'jquery-touchswipe';
 import select2 from 'select2';
 select2(jQuery);
-import 'multiple-select';
+import multipleSelect from 'multiple-select';
+multipleSelect('init');
+import 'multiple-select/dist/multiple-select-locale-all.js';
 import '../../libraries/jquery.nouislider.all.min.js';
 import '../../libraries/jquery.flightindicators.js';

src/js/localization.js

@@ -11,14 +11,32 @@ const i18n = {};
 window.i18n = i18n;
 
 
-const languagesAvailables = ['ca', 'da', 'de', 'en', 'es', 'eu', 'fr', 'gl', 'it', 'ja', 'ko', 'nl', 'pt', 'pt_BR', 'pl', 'ru', 'uk', 'zh_CN', 'zh_TW'];
+const languagesAvailables = ['ca', 'da', 'de', 'en', 'es', 'eu', 'fr', 'gl', 'it',
+                             'ja', 'ko', 'nl', 'pt', 'pt_BR', 'pl', 'ru', 'uk', 'zh_CN', 'zh_TW'];
 
 const languageFallback = {
                             'pt': ['pt_BR', 'en'],
                             'pt_BR': ['pt', 'en'],
                             'default': ['en'],
 };
 
+// must be aligned with languagesAvailables
+const languageISOcode = ['ca-ES', 'da-DK', 'de-DE', 'en-US', 'es-ES', 'eu-ES', 'fr-FR', 'gl-ES', 'it-IT',
+                         'ja-JP', 'ko-KR', 'nl-NL', 'pt-PT', 'pt-BR', 'pl-PL', 'ru-RU', 'uk-UA', 'zh-CN', 'zh-TW'];
+
+/**
+ * Functions that return ISO Language Code Table from http://www.lingoes.net/en/translator/langcode.htm
+ * Map between languagesAvailables and languageISOcode
+ * Fallback to en-US
+ */
+function getCurrentLocaleISO() {
+    const isoCodeIndex = languagesAvailables.indexOf(i18next.language);
+    if (isoCodeIndex === -1) {
+        return 'en-US';
+    }
+    return languageISOcode[isoCodeIndex];
+}
+
 /**
  * Functions that depend on the i18n framework
  */
@@ -238,4 +256,4 @@ i18n.addResources = function(bundle) {
     i18next.addResourceBundle(lang, ns, bundle, true, true);
 };
 
-export { i18n };
+export { i18n, getCurrentLocaleISO };

src/js/tabs/onboard_logging.js

@@ -1,4 +1,4 @@
-import { i18n } from "../localization";
+import { i18n, getCurrentLocaleISO } from "../localization";
 import GUI, { TABS } from '../gui';
 import { tracking } from "../Analytics";
 import { mspHelper } from "../msp/MSPHelper";
@@ -272,8 +272,8 @@ onboard_logging.initialize = function (callback) {
                 debugFieldsSelect.append(new Option(DEBUG.enableFields[i].text, i, false, enabled));
             }
 
-            debugFieldsSelect.sortSelect().multipleSelect();
-
+            const currentLocale = getCurrentLocaleISO();
+            debugFieldsSelect.sortSelect().multipleSelect({locale: currentLocale});
         } else {
             $('.blackboxDebugFields').hide();
         }

src/js/tabs/setup.js

@@ -442,7 +442,9 @@ setup.initialize = function (callback) {
                 }
                 build_opt_e.html(`<span class="buildInfoClassOptions" 
                                   title="${i18n.getMessage('initialSetupInfoBuildOptions')}${buildOptions}">
-                                  <strong>${i18n.getMessage('initialSetupInfoBuildOptionsList')}</strong></span>`);
+                                  <strong>${i18n.getMessage('initialSetupInfoBuildOptionsList')}</strong>
+                                  </span>
+                                  <div class="helpicon cf_tip" i18n_title="initialSetupInfoBuildOptionsHelp"></div>`);
             } else {
                 build_opt_e.html(i18n.getMessage(navigator.onLine ? 'initialSetupInfoBuildOptionsEmpty' : 'initialSetupNotOnline'));
             }

src/tabs/presets/DetailedDialog/PresetsDetailedDialog.js

@@ -1,5 +1,5 @@
 import GUI from "../../../js/gui";
-import { i18n } from "../../../js/localization";
+import { i18n, getCurrentLocaleISO } from "../../../js/localization";
 import PickedPreset from "../PickedPreset";
 import PresetTitlePanel from "../TitlePanel/PresetTitlePanel";
 import FC from "../../../js/fc";
@@ -174,6 +174,7 @@ export default class PresetsDetailedDialog {
             onUncheckAll: () => this._optionsSelectionChanged(),
             onOpen: () => this._optionsOpened(),
             hideOptgroupCheckboxes: true,
+            locale: getCurrentLocaleISO(),
             singleRadio: true,
             selectAll: false,
             styler: function (row) {

src/tabs/presets/presets.js

@@ -2,7 +2,7 @@ import '../../js/jqueryPlugins';
 import GUI, { TABS } from '../../js/gui';
 import { get as getConfig, set as setConfig } from '../../js/ConfigStorage';
 import { generateFilename } from '../../js/utils/generate_filename';
-import { i18n } from '../../js/localization';
+import { i18n, getCurrentLocaleISO } from "../../js/localization";
 import FC from '../../js/fc';
 import CONFIGURATOR from '../../js/data_storage';
 import UI_PHONES from '../../js/phones_ui';
@@ -442,6 +442,7 @@ presets.prepareFilterSelectField = function(domSelectElement, selectOptions, min
     domSelectElement.multipleSelect("destroy");
     domSelectElement.multipleSelect({
         data: selectOptions,
+        locale: getCurrentLocaleISO(),
         showClear: true,
         minimumCountSelected : minimumCountSelected,
         placeholder: i18n.getMessage("dropDownFilterDisabled"),

yarn.lock

@@ -11869,10 +11869,10 @@ multipipe@^0.1.2:
   dependencies:
     duplexer2 "0.0.2"
 
-multiple-select@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/multiple-select/-/multiple-select-1.6.0.tgz#7e2e7771f45671f014d15a662055c9ff72984a88"
-  integrity sha512-DnBvhl189r5NuLQa6bxsvl62ArMJVi7YDx7hjiW5ZX5agiZyiPZIzzanlsFtm4yLvR0KMwfG0TDrixJ8RNa8eg==
+multiple-select@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/multiple-select/-/multiple-select-1.7.0.tgz#415e069a071098fcb367ab27b51c70f7b15103d3"
+  integrity sha512-KlODxbDvsg/3M+xU5pmtJb89dJzK4G3oO2miWMwAbW8UaDHfXi4DoVSRiynqwfSa0znwrT0juKEsxJ2nux7k4A==
 
 "murmur-32@^0.1.0 || ^0.2.0":
   version "0.2.0"