#35 - Make IBN path configurable

dashboard-ui/advanced.html

@@ -31,6 +31,26 @@
                             <label for="txtWebSocketPortNumber">Web socket port number: </label>
                             <input type="number" id="txtWebSocketPortNumber" name="txtWebSocketPortNumber" pattern="[0-9]*" required="required" min="1" />
                         </li>
+                    </ul>
+                    <h2>Images By Name</h2>
+                    <ul data-role="listview" class="ulForm">
+                        <li>
+                            <input type="checkbox" id="chkEnableCustomIBNPath" name="chkEnableCustomIBNPath" />
+                            <label for="chkEnableCustomIBNPath">Use custom IBN path</label>
+                        </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>
                             <input type="checkbox" id="chkEnableDeveloperTools" name="chkEnableDeveloperTools" />
                             <label for="chkEnableDeveloperTools">Enable developer tools</label>

dashboard-ui/itembynamedetails.html

@@ -82,6 +82,7 @@
                     <a href="musicgenres.html" data-role="button" class="ui-btn-active">Genres</a>
                 </div>
             </div>
+            <div class="detailPageContent">
                 <div class="detailPagePrimaryInfo">
                     <div class="itemImageBlock">
                         <div id="itemMedia" style="position: relative;">
@@ -102,8 +103,10 @@
                         <p id="itemLinks"></p>
 
                     </div>
+                </div>
+            </div>
 
-                <div id="itemTabs" style="margin-top: 20px;"></div>
+            <div id="itemTabs" style="margin-top: 20px; text-align: center;"></div>
 
             <div class="viewSettings">
                 <div class="viewControls">
@@ -115,6 +118,5 @@
             </div>
         </div>
     </div>
-    </div>
 </body>
 </html>

dashboard-ui/scripts/advancedconfigurationpage.js

@@ -1,22 +1,6 @@
-var AdvancedConfigurationPage = {
+(function ($, document, window) {
 
-    onPageShow: function () {
+    function loadPage(page, config, systemInfo) {
-        Dashboard.showLoadingMsg();
-
-        var promise1 = ApiClient.getServerConfiguration();
-
-        var promise2 = ApiClient.getSystemInfo();
-
-        $.when(promise1, promise2).done(function (response1, response2) {
-
-            AdvancedConfigurationPage.loadPage(response1[0], response2[0]);
-
-        });
-    },
-    
-    loadPage: function (config, systemInfo) {
-        
-        var page = $.mobile.activePage;
 
         if (systemInfo.SupportsNativeWebSocket) {
 
@@ -28,6 +12,19 @@
         $('#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");
 
@@ -35,10 +32,69 @@
         $('#chkRunAtStartup', page).checked(config.RunAtStartup).checkboxradio("refresh");
 
         Dashboard.hideLoadingMsg();
+    }
+
+    $(document).on('pageshow', "#advancedConfigurationPage", function () {
+
+        Dashboard.showLoadingMsg();
+
+        var page = this;
+
+        var promise1 = ApiClient.getServerConfiguration();
+
+        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");
                 },
 
-    onSubmit: function () {
+                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() {
+
+        var self = this;
+
+        self.onSubmit = function () {
             Dashboard.showLoadingMsg();
 
             var form = this;
@@ -54,12 +110,20 @@
                 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);
             });
 
             // Disable default form submission
             return false;
-    }
         };
+    }
 
-$(document).on('pageshow', "#advancedConfigurationPage", AdvancedConfigurationPage.onPageShow);
+    window.AdvancedConfigurationPage = new advancedConfigurationPage();
+
+})(jQuery, document, window);

dashboard-ui/scripts/site.js

@@ -470,8 +470,9 @@ var Dashboard = {
         options = options || {};
 
         options.header = options.header || "Select Media Path";
+        options.instruction = options.instruction || "Browse to or enter the folder containing the media. Network paths (UNC) are recommended for optimal playback performance.";
 
-        var html = '<div data-role="popup" id="popupDirectoryPicker" class="ui-corner-all popup">';
+        var html = '<div data-role="popup" id="popupDirectoryPicker" class="ui-corner-all popup" style="min-width:60%;">';
 
         html += '<div class="ui-corner-top ui-bar-a" style="text-align: center; padding: 0 20px;">';
         html += '<h3>' + options.header + '</h3>';
@@ -479,7 +480,7 @@ var Dashboard = {
 
         html += '<div data-role="content" class="ui-corner-bottom ui-content">';
         html += '<form>';
-        html += '<p>Browse to or enter the folder containing the media. Network paths (UNC) are recommended for optimal playback performance.</p>';
+        html += '<p>' + options.instruction + '</p>';
 
         html += '<div data-role="fieldcontain" style="margin:0;">';
         html += '<label for="txtDirectoryPickerPath">Current Folder:</label>';

dashboard-ui/scripts/wizardfinishpage.js

@@ -7,9 +7,22 @@
             config.IsStartupWizardCompleted = true;
 
             ApiClient.updateServerConfiguration(config).done(function () {
+
+                ApiClient.getUsers().done(function (users) {
+
+                    for (var i = 0, length = users.length; i < length; i++) {
+
+                        if (users[i].Configuration.IsAdministrator) {
+                            Dashboard.setCurrentUser(users[i].Id);
+                            break;
+                        }
+
+                    }
+                    
                     Dashboard.navigate('dashboard.html');
                 });
             });
+        });
 
     }