From e9ef2accdf1a4d8b57b387fedb63cd17e00bb685 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Tue, 21 May 2013 16:36:26 -0400
Subject: [PATCH] added library settings page

---
 dashboard-ui/advanced.html                    |  20 ----
 dashboard-ui/library.html                     |   6 +-
 dashboard-ui/librarysettings.html             |  56 ++++++++++
 .../scripts/advancedconfigurationpage.js      |  58 ----------
 dashboard-ui/scripts/librarysettings.js       | 100 ++++++++++++++++++
 dashboard-ui/scripts/medialibrarypage.js      |   5 +-
 6 files changed, 165 insertions(+), 80 deletions(-)
 create mode 100644 dashboard-ui/librarysettings.html
 create mode 100644 dashboard-ui/scripts/librarysettings.js
diff --git a/dashboard-ui/advanced.html b/dashboard-ui/advanced.html
index 2752194b1b..1935dc5f63 100644
--- a/dashboard-ui/advanced.html
+++ b/dashboard-ui/advanced.html
@@ -32,26 +32,6 @@
                             <input type="number" id="txtWebSocketPortNumber" name="txtWebSocketPortNumber" pattern="[0-9]*" required="required" min="1" />
                         </li>
                     </ul>
-                    <h2>Images By Name Folder</h2>
-                    <ul data-role="listview" class="ulForm">
-                        <li>
-                            <input type="checkbox" id="chkEnableCustomIBNPath" name="chkEnableCustomIBNPath" />
-                            <label for="chkEnableCustomIBNPath">Use custom IBN path</label>
-                            <div class="fieldDescription">
-                                This folder contains actor, artist, genre and studio images.
-                            </div>
-                        </li>
-                        <li id="fieldEnterIBNPath" style="display: none;">
-                            <label for="txtItemsByNamePath">Images by name path: </label>
-                            <div style="display: inline-block; width: 92%;">
-                                <input type="text" id="txtItemsByNamePath" name="txtItemsByNamePath" />
-                            </div>
-                            <button id="btnSelectIBNPath" type="button" data-icon="folder-close" data-iconpos="notext" data-inline="true">Select Directory</button>
-                            <div class="fieldDescription">
-                                Supply a custom path for images by name. MB server must have write access to this folder.
-                            </div>
-                        </li>
-                    </ul>
                     <h2>Miscellaneous</h2>
                     <ul data-role="listview" class="ulForm">
                         <li>
diff --git a/dashboard-ui/library.html b/dashboard-ui/library.html
index 464fa41cdb..361fddfb68 100644
--- a/dashboard-ui/library.html
+++ b/dashboard-ui/library.html
@@ -1,7 +1,7 @@
 ﻿<!DOCTYPE html>
 <html>
 <head>
-    <title> </title>
+    <title></title>
 </head>
 <body>
     <div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage">
@@ -14,6 +14,10 @@
                     <a href="#" data-role="button" onclick="Dashboard.navigate('updatepassword.html', true);">Password</a>
                     <a href="#" data-role="button" class="ui-btn-active">Media Library</a>
                 </div>
+                <div data-role="controlgroup" data-type="horizontal" class="localnav" id="defaultNavigation" style="display: none;" data-mini="true">
+                    <a href="#" data-role="button" class="ui-btn-active">Collections</a>
+                    <a href="librarysettings.html" data-role="button">Settings</a>
+                </div>
                 <div class="readOnlyContent">
                     <p id="fldUseDefaultLibrary" style="display: none;">
                         <input type="checkbox" id="chkUseDefaultLibrary" name="chkUseDefaultLibrary" onchange="MediaLibraryPage.setUseDefaultMediaLibrary(this.checked);" />
diff --git a/dashboard-ui/librarysettings.html b/dashboard-ui/librarysettings.html
new file mode 100644
index 0000000000..6ba012d95c
--- /dev/null
+++ b/dashboard-ui/librarysettings.html
@@ -0,0 +1,56 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <title>Media Library</title>
+</head>
+<body>
+    <div id="librarySettingsPage" data-role="page" class="page type-interior">
+
+        <div data-role="content">
+            <div class="content-primary">
+                <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
+                    <a href="library.html" data-role="button">Collections</a>
+                    <a href="#" data-role="button" class="ui-btn-active">Settings</a>
+                </div>
+
+                <form id="librarySettingsForm">
+
+                    <ul data-role="listview" class="ulForm">
+                        <li>
+                            <input type="checkbox" id="chkEnableCustomIBNPath" name="chkEnableCustomIBNPath" />
+                            <label for="chkEnableCustomIBNPath">Use custom images by name path</label>
+                            <div class="fieldDescription">
+                                This folder contains actor, artist, genre and studio images.
+                            </div>
+                        </li>
+                        <li id="fieldEnterIBNPath" style="display: none;">
+                            <label for="txtItemsByNamePath">Images by name path: </label>
+                            <div style="display: inline-block; width: 92%;">
+                                <input type="text" id="txtItemsByNamePath" name="txtItemsByNamePath" />
+                            </div>
+                            <button id="btnSelectIBNPath" type="button" data-icon="folder-close" data-iconpos="notext" data-inline="true">Select Directory</button>
+                            <div class="fieldDescription">
+                                Supply a custom path for images by name. MB server must have write access to this folder.
+                            </div>
+                        </li>
+                        <li>
+                            <button type="submit" data-theme="b" data-icon="ok">
+                                Save
+                            </button>
+                            <button type="button" onclick="Dashboard.navigate('dashboard.html');" data-icon="delete">
+                                Cancel
+                            </button>
+                        </li>
+                    </ul>
+
+                </form>
+
+            </div>
+        </div>
+
+        <script type="text/javascript">
+            $('#librarySettingsForm').on('submit', LibrarySettingsPage.onSubmit);
+        </script>
+    </div>
+</body>
+</html>
diff --git a/dashboard-ui/scripts/advancedconfigurationpage.js b/dashboard-ui/scripts/advancedconfigurationpage.js
index f6ba1ea093..637ee030f5 100644
--- a/dashboard-ui/scripts/advancedconfigurationpage.js
+++ b/dashboard-ui/scripts/advancedconfigurationpage.js
@@ -12,19 +12,6 @@
         $('#selectAutomaticUpdateLevel', page).val(config.SystemUpdateLevel).selectmenu('refresh');
         $('#txtWebSocketPortNumber', page).val(config.LegacyWebSocketPortNumber);
 
-        $('#txtItemsByNamePath', page).val(config.ItemsByNamePath);
-
-        var customIbn = config.ItemsByNamePath ? true : false;
-        $('#chkEnableCustomIBNPath', page).checked(customIbn).checkboxradio("refresh");
-
-        if (customIbn) {
-            $('#fieldEnterIBNPath', page).show();
-            $('#txtItemsByNamePath', page).attr("required", "required");
-        } else {
-            $('#fieldEnterIBNPath', page).hide();
-            $('#txtItemsByNamePath', page).removeAttr("required");
-        }
-
         $('#txtPortNumber', page).val(config.HttpServerPortNumber);
         $('#chkDebugLog', page).checked(config.EnableDebugLevelLogging).checkboxradio("refresh");
 
@@ -44,50 +31,11 @@
 
         var promise2 = ApiClient.getSystemInfo();
 
-        $('#btnSelectIBNPath', page).on("click.selectDirectory", function () {
-
-            Dashboard.selectDirectory({
-
-                callback: function (path) {
-
-                    if (path) {
-                        $('#txtItemsByNamePath', page).val(path);
-                    }
-                    $('#popupDirectoryPicker', page).popup("close");
-                },
-
-                header: "Select Items By Name Path",
-
-                instruction: "Browse or enter the path to your items by name folder. The folder must be writeable."
-            });
-        });
-
-        $('#chkEnableCustomIBNPath', page).on("change.showIBNText", function() {
-            
-            if (this.checked) {
-                $('#fieldEnterIBNPath', page).show();
-                $('#txtItemsByNamePath', page).attr("required", "required");
-            } else {
-                $('#fieldEnterIBNPath', page).hide();
-                $('#txtItemsByNamePath', page).removeAttr("required");
-            }
-
-        });
-
         $.when(promise1, promise2).done(function (response1, response2) {
 
             loadPage(page, response1[0], response2[0]);
 
         });
-
-    }).on('pagehide', "#advancedConfigurationPage", function () {
-
-        Dashboard.showLoadingMsg();
-
-        var page = this;
-
-        $('#chkEnableCustomIBNPath', page).off("change.showIBNText");
-        $('#btnSelectIBNPath', page).off("click.selectDirectory");
     });
 
     function advancedConfigurationPage() {
@@ -109,12 +57,6 @@
                 config.EnableDeveloperTools = $('#chkEnableDeveloperTools', form).checked();
                 config.RunAtStartup = $('#chkRunAtStartup', form).checked();
                 config.SystemUpdateLevel = $('#selectAutomaticUpdateLevel', form).val();
-                
-                if ($('#chkEnableCustomIBNPath', form).checked()) {
-                    config.ItemsByNamePath = $('#txtItemsByNamePath', form).val();
-                } else {
-                    config.ItemsByNamePath = '';
-                }
 
                 ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
             });
diff --git a/dashboard-ui/scripts/librarysettings.js b/dashboard-ui/scripts/librarysettings.js
new file mode 100644
index 0000000000..0fd712bd5c
--- /dev/null
+++ b/dashboard-ui/scripts/librarysettings.js
@@ -0,0 +1,100 @@
+﻿(function ($, document, window) {
+
+    function loadPage(page, config) {
+
+        $('#txtItemsByNamePath', page).val(config.ItemsByNamePath);
+
+        var customIbn = config.ItemsByNamePath ? true : false;
+        $('#chkEnableCustomIBNPath', page).checked(customIbn).checkboxradio("refresh");
+
+        if (customIbn) {
+            $('#fieldEnterIBNPath', page).show();
+            $('#txtItemsByNamePath', page).attr("required", "required");
+        } else {
+            $('#fieldEnterIBNPath', page).hide();
+            $('#txtItemsByNamePath', page).removeAttr("required");
+        }
+
+        Dashboard.hideLoadingMsg();
+    }
+
+    $(document).on('pageshow', "#librarySettingsPage", function () {
+
+        Dashboard.showLoadingMsg();
+
+        var page = this;
+
+        $('#btnSelectIBNPath', page).on("click.selectDirectory", function () {
+
+            Dashboard.selectDirectory({
+
+                callback: function (path) {
+
+                    if (path) {
+                        $('#txtItemsByNamePath', page).val(path);
+                    }
+                    $('#popupDirectoryPicker', page).popup("close");
+                },
+
+                header: "Select Items By Name Path",
+
+                instruction: "Browse or enter the path to your items by name folder. The folder must be writeable."
+            });
+        });
+
+        $('#chkEnableCustomIBNPath', page).on("change.showIBNText", function () {
+
+            if (this.checked) {
+                $('#fieldEnterIBNPath', page).show();
+                $('#txtItemsByNamePath', page).attr("required", "required");
+            } else {
+                $('#fieldEnterIBNPath', page).hide();
+                $('#txtItemsByNamePath', page).removeAttr("required");
+            }
+
+        });
+
+        ApiClient.getServerConfiguration().done(function (config) {
+
+            loadPage(page, config);
+
+        });
+
+    }).on('pagehide', "#librarySettingsPage", function () {
+
+        Dashboard.showLoadingMsg();
+
+        var page = this;
+
+        $('#chkEnableCustomIBNPath', page).off("change.showIBNText");
+        $('#btnSelectIBNPath', page).off("click.selectDirectory");
+    });
+
+    function librarySettingsPage() {
+
+        var self = this;
+
+        self.onSubmit = function () {
+            Dashboard.showLoadingMsg();
+
+            var form = this;
+
+            ApiClient.getServerConfiguration().done(function (config) {
+
+                if ($('#chkEnableCustomIBNPath', form).checked()) {
+                    config.ItemsByNamePath = $('#txtItemsByNamePath', form).val();
+                } else {
+                    config.ItemsByNamePath = '';
+                }
+
+                ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
+            });
+
+            // Disable default form submission
+            return false;
+        };
+    }
+
+    window.LibrarySettingsPage = new librarySettingsPage();
+
+})(jQuery, document, window);
diff --git a/dashboard-ui/scripts/medialibrarypage.js b/dashboard-ui/scripts/medialibrarypage.js
index 66183f2cb1..86c9be5d69 100644
--- a/dashboard-ui/scripts/medialibrarypage.js
+++ b/dashboard-ui/scripts/medialibrarypage.js
@@ -16,6 +16,7 @@
         if (userId) {
 
             $('#userProfileNavigation', page).show();
+            $('#defaultNavigation', page).hide();
 
             ApiClient.getUser(userId).done(function (user) {
                 Dashboard.setPageTitle(user.Name);
@@ -42,7 +43,9 @@
         } else {
 
             $('#userProfileNavigation', page).hide();
-            ApiClient.getVirtualFolders().done(function(result) {
+            $('#defaultNavigation', page).show();
+
+            ApiClient.getVirtualFolders().done(function (result) {
                 MediaLibraryPage.reloadVirtualFolders(page, result);
             });
 
