add sync settings page

dashboard-ui/scripts/mysyncsettings.js

@@ -0,0 +1,64 @@
+(function ($, window, document) {
+
+    function loadForm(page, user) {
+
+        page.querySelector('.chkSyncToExternalCard').checked = AppSettings.enableSyncToExternalStorage();
+
+        Dashboard.hideLoadingMsg();
+    }
+
+    function saveUser(page, user) {
+
+        AppSettings.enableSyncToExternalStorage(page.querySelector('.chkSyncToExternalCard').checked);
+        Dashboard.hideLoadingMsg();
+        Dashboard.alert(Globalize.translate('SettingsSaved'));
+    }
+
+    function onSubmit() {
+
+        var page = $(this).parents('.page')[0];
+
+        Dashboard.showLoadingMsg();
+
+        var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
+
+        ApiClient.getUser(userId).done(function (user) {
+
+            saveUser(page, user);
+
+        });
+
+        // Disable default form submission
+        return false;
+    }
+
+    $(document).on('pageinitdepends', "#syncPreferencesPage", function () {
+
+        var page = this;
+
+        $('form').off('submit', onSubmit).on('submit', onSubmit);
+
+        $('.btnSelectSyncPath', page).on('click', function () {
+
+            require(['nativedirectorychooser'], function () {
+                NativeDirectoryChooser.chooseDirectory().done(function (path) {
+                    $('#txtSyncPath', page).val(path);
+                });
+            });
+        });
+
+    }).on('pageshowready', "#syncPreferencesPage", function () {
+
+        var page = this;
+
+        Dashboard.showLoadingMsg();
+
+        var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
+
+        ApiClient.getUser(userId).done(function (user) {
+
+            loadForm(page, user);
+        });
+    });
+
+})(jQuery, window, document);