sync updates

dashboard-ui/css/materialize.css

@@ -56,6 +56,7 @@
     -ms-transition: 0.2s ease-out;
     transition: 0.2s ease-out;
     cursor: pointer;
+    position: relative;
 }
 
 .btn-floating {
@@ -185,7 +186,7 @@ button.btn:not(.btn-inline),button.btn-large:not(.btn-inline) {
 
 .btn i {
     position: absolute;
-    left: 24px;
+    left: 10px;
 }
 
 .btn-large i {

dashboard-ui/scripts/connectlogin.js

@@ -2,9 +2,7 @@
 
     function onLoggedIn() {
 
-        // Need to switch from https to http
+        Dashboard.navigate('selectserver.html');
-
-        window.location = getWindowUrl().replace(/https/gi, 'http').replace(/connectlogin/gi, 'selectserver');
     }
 
     function login(page, username, password) {
@@ -36,7 +34,6 @@
         var password = $('#txtManualPassword', page).val();
 
         login(page, user, password);
-
     }
 
     window.ConnectLoginPage = {

dashboard-ui/scripts/librarybrowser.js

@@ -1361,6 +1361,13 @@
                 lines.push(itemCountHtml);
             }
 
+            if (options.textLines) {
+                var additionalLines = options.textLines(item);
+                for (var i = 0, length = additionalLines.length; i < length; i++) {
+                    lines.push(additionalLines[i]);
+                }
+            }
+
             if (options.showSongCount) {
 
                 var songLine = '';

dashboard-ui/scripts/librarymenu.js

@@ -15,13 +15,15 @@
         html += '</button>';
 
         html += '<div class="libraryMenuButtonText headerButton"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></div>';
-        html += '<div class="viewMenuSearch">';
+
-        html += '<input type="text" data-role="none" class="headerSearchInput" autocomplete="off" spellcheck="off" />';
+        if (user.localUser) {
+
+            html += '<div class="viewMenuSearch"><form class="viewMenuSearchForm">';
+            html += '<input type="text" data-role="none" data-type="search" class="headerSearchInput" autocomplete="off" spellcheck="off" />';
             html += '<div class="searchInputIcon fa fa-search"></div>';
             html += '<button data-role="none" type="button" data-iconpos="notext" class="imageButton btnCloseSearch" style="display:none;"><i class="fa fa-close"></i></button>';
-        html += '</div>';
+            html += '</form></div>';
-
+        }
-
 
         html += '<div class="viewMenuSecondary">';
 

dashboard-ui/scripts/search.js

@@ -66,6 +66,45 @@
         return data.replace(regexp, "<b>$1</b>");
     }
 
+    function getAdditionalTextLines(hint) {
+
+        if (hint.Type == "Audio") {
+
+            return [[hint.AlbumArtist, hint.Album].join(" - ")];
+
+        }
+        else if (hint.Type == "MusicAlbum") {
+
+            return [hint.AlbumArtist];
+
+        }
+        else if (hint.Type == "MusicArtist") {
+
+            return [Globalize.translate('LabelArtist')];
+
+        }
+        else if (hint.Type == "Movie") {
+
+            return [Globalize.translate('LabelMovie')];
+
+        }
+        else if (hint.Type == "MusicVideo") {
+
+            return [Globalize.translate('LabelMusicVideo')];
+        }
+        else if (hint.Type == "Episode") {
+
+            return [Globalize.translate('LabelEpisode')];
+
+        }
+        else if (hint.Type == "Series") {
+
+            return [Globalize.translate('LabelSeries')];
+        }
+
+        return [hint.Type];
+    }
+
     function getSearchHintHtml(hint) {
 
         var html = '';
@@ -314,7 +353,8 @@
             lazy: true,
             overlayText: false,
             showTitle: true,
-            centerText: true
+            coverImage: true,
+            textLines: getAdditionalTextLines
         });
         $('.itemsContainer', elem).html(html).lazyChildren();
     }

dashboard-ui/scripts/site.js

@@ -1322,6 +1322,7 @@ var Dashboard = {
     };
 
     window.ConnectionManager = new MediaBrowser.ConnectionManager(jQuery, Logger, credentialProvider, appName, appVersion, deviceName, deviceId, capabilities);
+
     if (Dashboard.isConnectMode()) {
 
         $(ConnectionManager).on('apiclientcreated', function (e, apiClient) {
@@ -1355,7 +1356,9 @@ var Dashboard = {
         ConnectionManager.addApiClient(ApiClient);
     }
 
+    if (window.ApiClient) {
         Dashboard.importCss(ApiClient.getUrl('Branding/Css'));
+    }
 
 })();
 

dashboard-ui/selectserver.html

@@ -9,7 +9,14 @@
         <div data-role="content">
 
             <div class="ehsContent" style="margin: 0 auto;">
-                <h1 style="margin-bottom:.5em;padding-left:5px;">${HeaderSelectServer}</h1>
+
+                <div style="margin:1em 0 .5em;padding-left:5px;">
+                    <h1 style="display:inline-block;vertical-align:middle;margin: 0;">${HeaderSelectServer}</h1>
+                    <a class="accentButton accentButton-g" style="display:inline-block;vertical-align:middle;margin-top:0;" href="https://github.com/MediaBrowser/Wiki/wiki/Media%20Browser%20Connect" target="_blank">
+                        <i class="fa fa-info-circle"></i>
+                        ${ButtonHelp}
+                    </a>
+                </div>
 
                 <div class="serverList"></div>
                 <br />