Merge remote-tracking branch 'upstream/master' into dead-code-society

src/controllers/user/playback/index.js

@@ -0,0 +1,52 @@
+import PlaybackSettings from 'playbackSettings';
+import * as userSettings from 'userSettings';
+import autoFocuser from 'autoFocuser';
+import 'listViewStyle';
+
+/* eslint-disable indent */
+
+    // Shortcuts
+    const UserSettings = userSettings.UserSettings;
+
+    export default function (view, params) {
+        function onBeforeUnload(e) {
+            if (hasChanges) {
+                e.returnValue = 'You currently have unsaved changes. Are you sure you wish to leave?';
+            }
+        }
+
+        let settingsInstance;
+        let hasChanges;
+        const userId = params.userId || ApiClient.getCurrentUserId();
+        const currentSettings = userId === ApiClient.getCurrentUserId() ? userSettings : new UserSettings();
+        view.addEventListener('viewshow', function () {
+            window.addEventListener('beforeunload', onBeforeUnload);
+
+            if (settingsInstance) {
+                settingsInstance.loadData();
+            } else {
+                settingsInstance = new PlaybackSettings({
+                    serverId: ApiClient.serverId(),
+                    userId: userId,
+                    element: view.querySelector('.settingsContainer'),
+                    userSettings: currentSettings,
+                    enableSaveButton: true,
+                    enableSaveConfirmation: true,
+                    autoFocus: autoFocuser.isEnabled()
+                });
+            }
+        });
+
+        view.addEventListener('change', function () {
+            hasChanges = true;
+        });
+
+        view.addEventListener('viewdestroy', function () {
+            if (settingsInstance) {
+                settingsInstance.destroy();
+                settingsInstance = null;
+            }
+        });
+    }
+
+/* eslint-enable indent */