make backdrops optional

dashboard-ui/scripts/backdrops.js

@@ -87,18 +87,32 @@
         $('.backdropContainer').css('backgroundImage', '');
     }
 
-    $(document).on('pagebeforeshow', ".backdropPage", function () {
-
-        var page = this;
+    function enabled() {
 
         // Gets real messy and jumps around the page when scrolling
         // Can be reviewed later.
         if ($.browser.msie) {
-            $(page).removeClass('backdropPage');
-        } else {
+            return false;
+        }
+
+        var userId = Dashboard.getCurrentUserId();
+        
+        var val = LocalSettings.val('enableBackdrops', userId);
+
+        return val != '0';
+    }
+
+    $(document).on('pagebeforeshow', ".backdropPage", function () {
+
+        var page = this;
+
+        if (enabled()) {
             var type = page.getAttribute('data-backdroptype');
 
             showBackdrop(type);
+        } else {
+            $(page).removeClass('backdropPage');
+            clearBackdrop();
         }
 
     });

dashboard-ui/scripts/localsettings.js

@@ -0,0 +1,30 @@
+(function ($, window, document) {
+
+    function get(key, userId) {
+
+        return localStorage.getItem(key + '-' + userId);
+    }
+
+    function set(key, userId, value) {
+
+        localStorage.setItem(key + '-' + userId, value);
+    }
+
+    function localSettings() {
+
+        var self = this;
+
+        self.val = function (key, userId, value) {
+            
+            if (arguments.length < 3) {
+
+                return get(key, userId);
+            }
+            
+            set(key, userId, value);
+        };
+    }
+
+    window.LocalSettings = new localSettings();
+
+})(jQuery, window, document);

dashboard-ui/scripts/mypreferenceslanguages.js

@@ -69,6 +69,12 @@
 
         var page = this;
 
+        $('#selectSubtitlePlaybackMode', page).on('change', function () {
+
+            $('.subtitlesHelp', page).hide();
+            $('.subtitles' + this.value + 'Help', page).show();
+        });
+
     }).on('pageshow', "#languagePreferencesPage", function () {
 
         var page = this;

dashboard-ui/scripts/mypreferenceswebclient.js

@@ -1 +1,64 @@
-
+(function ($, window, document) {
+
+    function loadForm(page, user) {
+
+        $('#selectThemeSong', page).val(LocalSettings.val('enableThemeSongs', user.Id) || '').selectmenu("refresh");
+        $('#selectBackdrop', page).val(LocalSettings.val('enableBackdrops', user.Id) || '').selectmenu("refresh");
+
+        Dashboard.hideLoadingMsg();
+    }
+
+    function saveUser(page, user) {
+
+        LocalSettings.val('enableThemeSongs', user.Id, $('#selectThemeSong', page).val());
+        LocalSettings.val('enableBackdrops', user.Id, $('#selectBackdrop', page).val());
+
+        //ApiClient.updateUser(user).done(function () {
+            //Dashboard.alert(Globalize.translate("SettingsSaved"));
+        //});
+        Dashboard.alert(Globalize.translate("SettingsSaved"));
+    }
+
+    function onSubmit() {
+
+        var page = $(this).parents('.page');
+
+        Dashboard.showLoadingMsg();
+
+        var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
+
+        ApiClient.getUser(userId).done(function (result) {
+
+            saveUser(page, result);
+
+        });
+
+        // Disable default form submission
+        return false;
+    }
+
+    $(document).on('pageinit', "#webClientPreferencesPage", function () {
+
+        var page = this;
+
+    }).on('pagebeforeshow', "#webClientPreferencesPage", function () {
+
+        var page = this;
+
+        Dashboard.showLoadingMsg();
+
+        var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
+
+        ApiClient.getUser(userId).done(function (user) {
+
+            loadForm(page, user);
+
+        });
+
+    });
+
+    window.WebClientPreferencesPage = {
+        onSubmit: onSubmit
+    };
+
+})(jQuery, window, document);

dashboard-ui/scripts/thememediaplayer.js

@@ -40,20 +40,11 @@
         }
     }
 
-    function enabled(isEnabled) {
+    function enabled() {
 
-        var userId = Dashboard.getCurrentUserId();
+        var val = LocalSettings.val('enableThemeSongs', userId);
 
-        var key = userId + '-themesongs';
-
-        if (isEnabled == null) {
-            return localStorage.getItem(key) == '1';
-        }
-        
-
-        var val = isEnabled ? '1' : '0';
-
-        localStorage.setItem(key, val);
+        return val == '1';
     }
 
     function getPlayer() {
@@ -73,10 +64,4 @@
         }
     });
 
-    window.ThemeSongManager = {
-        enabled: function (isEnabled) {
-            return enabled(isEnabled);
-        }
-    };
-
 })(document, jQuery, window.localStorage);