Cordova framework integration, Android support, mobile UI & options tab

Cordova integration and android platform :
- Added cordova directory with required config
- Added cordova applications generation in gulpfile
- Added cordova development instructions
- Used cordova plugins to simulate missing chrome api  plugins (chrome.serial and chrome.fileSystem)
- Added cordova clipboard support
- Added android operating system and Cordova gui mode
- Fixed some css and js files to make them working on Android as well as on computers
- Added --skipdep argument to accelerate cordova build (gulp task)
- Added a webview helper to help people to update the webview app of their device

New options tab :
- Added options tab replacing the options dropdown
- Added option to switch between phones UI and computers UI

Mobile interface and global interface improvements :
- Simplified the structure of the header with flex css
- Made headerbar and tab container responsive (compact headerbar and side menu)
- All tabs are adapted to mobile interface (except firmware flasher)
- The servos and adjustments tabs are not fully adapted but are "usable"
- Improved header bar animation
- Improved log expandation animation
- Added swipe gesture to toggle side menu

Fixes during the development :
- Logo position
- Dark mode
- Auto connection
- Error messages (cordova_chromeapi.js)
- Responsive grid
- Testing
- Disconnection
- Width of boxes inside the OSD tab
- Fixed cli tab
- OSD tab
- Motor stop switch
- White spaces in boxes
- Dialogs size
- Connect button state
- Prevent tablet with a height larger than 575px to switch to computers ui
- Fixed logging tab
- Fixed code smell
- Fixed yarn cordova plugin install issue
- Fixed content_wrapper
- Fixed vibrations when scrolling
- Fixed scrolling bar alignment
- Fixed dialogReportProblem height
- Fixed rates logo
- Fixed auto connection default value (true)
- Fixed D to D max
- Fixed dialogs

Added required messages in locales/en/messages.json file

Requested changes

src/js/tabs/options.js

@@ -0,0 +1,143 @@
+'use strict';
+
+TABS.options = {};
+TABS.options.initialize = function (callback) {
+    if (GUI.active_tab !== 'options') {
+        GUI.active_tab = 'options';
+    }
+
+    $('#content').load("./tabs/options.html", function () {
+        i18n.localizePage();
+
+        TABS.options.initPermanentExpertMode();
+        TABS.options.initRememberLastTab();
+        TABS.options.initCheckForConfiguratorUnstableVersions();
+        TABS.options.initAnalyticsOptOut();
+        TABS.options.initCliAutoComplete();
+        TABS.options.initCordovaForceComputerUI();
+        TABS.options.initDarkTheme();
+
+        GUI.content_ready(callback);
+    });
+};
+
+TABS.options.cleanup = function (callback) {
+    if (callback) {
+        callback();
+    }
+};
+
+TABS.options.initPermanentExpertMode = function () {
+    ConfigStorage.get('permanentExpertMode', function (result) {
+        if (result.permanentExpertMode) {
+            $('div.permanentExpertMode input').prop('checked', true);
+        }
+
+        $('div.permanentExpertMode input').change(function () {
+            const checked = $(this).is(':checked');
+
+            ConfigStorage.set({'permanentExpertMode': checked});
+
+            $('input[name="expertModeCheckbox"]').prop('checked', checked).change();
+        }).change();
+    });
+};
+
+TABS.options.initRememberLastTab = function () {
+    ConfigStorage.get('rememberLastTab', function (result) {
+        $('div.rememberLastTab input')
+            .prop('checked', !!result.rememberLastTab)
+            .change(function() { ConfigStorage.set({rememberLastTab: $(this).is(':checked')}); })
+            .change();
+    });
+};
+
+TABS.options.initCheckForConfiguratorUnstableVersions = function () {
+    if (GUI.operating_system !== 'ChromeOS') {
+        ConfigStorage.get('checkForConfiguratorUnstableVersions', function (result) {
+            if (result.checkForConfiguratorUnstableVersions) {
+                $('div.checkForConfiguratorUnstableVersions input').prop('checked', true);
+            }
+
+            $('div.checkForConfiguratorUnstableVersions input').change(function () {
+                const checked = $(this).is(':checked');
+
+                ConfigStorage.set({'checkForConfiguratorUnstableVersions': checked});
+
+                checkForConfiguratorUpdates();
+            });
+        });
+    } else {
+        $('div.checkForConfiguratorUnstableVersions').hide();
+    }
+};
+
+TABS.options.initAnalyticsOptOut = function () {
+    ConfigStorage.get('analyticsOptOut', function (result) {
+        if (result.analyticsOptOut) {
+            $('div.analyticsOptOut input').prop('checked', true);
+        }
+
+        $('div.analyticsOptOut input').change(function () {
+            const checked = $(this).is(':checked');
+
+            ConfigStorage.set({'analyticsOptOut': checked});
+
+            checkSetupAnalytics(function (analyticsService) {
+                if (checked) {
+                    analyticsService.sendEvent(analyticsService.EVENT_CATEGORIES.APPLICATION, 'OptOut');
+                }
+
+                analyticsService.setOptOut(checked);
+
+                if (!checked) {
+                    analyticsService.sendEvent(analyticsService.EVENT_CATEGORIES.APPLICATION, 'OptIn');
+                }
+            });
+        }).change();
+    });
+};
+
+TABS.options.initCliAutoComplete = function () {
+    $('div.cliAutoComplete input')
+        .prop('checked', CliAutoComplete.configEnabled)
+        .change(function () {
+            const checked = $(this).is(':checked');
+
+            ConfigStorage.set({'cliAutoComplete': checked});
+            CliAutoComplete.setEnabled(checked);
+        }).change();
+};
+
+TABS.options.initCordovaForceComputerUI = function () {
+    if (GUI.isCordova() && cordovaUI.canChangeUI) {
+        ConfigStorage.get('cordovaForceComputerUI', function (result) {
+            if (result.cordovaForceComputerUI) {
+                $('div.cordovaForceComputerUI input').prop('checked', true);
+            }
+
+            $('div.cordovaForceComputerUI input').change(function () {
+                const checked = $(this).is(':checked');
+
+                ConfigStorage.set({'cordovaForceComputerUI': checked});
+
+                if (typeof cordovaUI.set === 'function') {
+                    cordovaUI.set();
+                }
+            });
+        });
+    } else {
+        $('div.cordovaForceComputerUI').hide();
+    }
+};
+
+TABS.options.initDarkTheme = function () {
+    $('#darkThemeSelect')
+        .val(DarkTheme.configEnabled)
+        .change(function () {
+            const value = parseInt($(this).val());
+
+            ConfigStorage.set({'darkTheme': value});
+            setDarkTheme(value);
+        }).change();
+};