From f4473116d11ce188bd1b64e1954999684d23d95c Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 25 Aug 2016 14:24:54 -0400
Subject: [PATCH] fix hover menus

---
 .../itemhovermenu/itemhovermenu.js                |  2 +-
 dashboard-ui/css/dashboard.css                    |  2 +-
 dashboard-ui/dashboard.html                       |  2 +-
 dashboard-ui/scripts/dashboardpage.js             | 15 ++++++++++++++-
 dashboard-ui/strings/en-US.json                   |  3 ++-
 5 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js b/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js
index e17182f837..e820239ede 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js
@@ -156,7 +156,7 @@
 
     function onCardOverlayButtonsClick(e) {
 
-        var button = dom.parentWithTag(e.target, 'BUTTON');
+        var button = dom.parentWithClass(e.target, 'btnUserData');
         if (button) {
             e.stopPropagation();
         }
diff --git a/dashboard-ui/css/dashboard.css b/dashboard-ui/css/dashboard.css
index 432d404428..889a740117 100644
--- a/dashboard-ui/css/dashboard.css
+++ b/dashboard-ui/css/dashboard.css
@@ -239,7 +239,7 @@ html .ui-bar-a a,
 html .ui-body-a a,
 html body .ui-group-theme-a a {
     color: #388E3C /*{a-link-color}*/;
-    font-weight: bold;
+    font-weight: 500;
 }
 
     .ui-page-theme-a a:visited,
diff --git a/dashboard-ui/dashboard.html b/dashboard-ui/dashboard.html
index 7599ab9e12..7aa6b20a80 100644
--- a/dashboard-ui/dashboard.html
+++ b/dashboard-ui/dashboard.html
@@ -39,7 +39,7 @@
 
                             <p class="localUrl"></p>
                             <p class="externalUrl"></p>
-
+                            <p class="hide"><a class="btnConnectionHelp" href="#">${HowToConnectFromEmbyApps}</a></p>
                             <div style="margin-top: 1em;">
                                 <button is="emby-button" type="button" class="raised subdued btnRestartContainer hide" onclick="DashboardPage.restart();">
                                     <i class="md-icon">refresh</i>
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index 2524c39683..fb8ef681b2 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -16,10 +16,23 @@
         renderNoHealthAlertsMessage(page);
     }
 
+    function onConnectionHelpClick(e) {
+
+        e.preventDefault();
+        return false;
+    }
+
     window.DashboardPage = {
 
         newsStartIndex: 0,
 
+        onPageInit: function () {
+
+            var page = this;
+
+            page.querySelector('#btnConnectionHelp').addEventListener('click', onConnectionHelpClick);
+        },
+
         onPageShow: function () {
 
             var page = this;
@@ -1026,7 +1039,7 @@
         }
     };
 
-    $(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pagebeforehide', "#dashboardPage", DashboardPage.onPageHide);
+    $(document).on('pageinit', "#dashboardPage", DashboardPage.onPageInit).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pagebeforehide', "#dashboardPage", DashboardPage.onPageHide);
 
     (function ($, document, window) {
 
diff --git a/dashboard-ui/strings/en-US.json b/dashboard-ui/strings/en-US.json
index 585af38fd7..7a967b66ec 100644
--- a/dashboard-ui/strings/en-US.json
+++ b/dashboard-ui/strings/en-US.json
@@ -2223,5 +2223,6 @@
   "LabelMaxAudioFileBitrate": "Max audio file bitrate:",
   "LabelMaxAudioFileBitrateHelp": "Audio files with a higher bitrate will be converted by Emby Server. Select a higher value for better quality, or a lower value to conserve local storage space.",
   "LabelVaapiDevice": "VA API Device:",
-  "LabelVaapiDeviceHelp": "This is the render node that is used for hardware acceleration."
+  "LabelVaapiDeviceHelp": "This is the render node that is used for hardware acceleration.",
+  "HowToConnectFromEmbyApps": "How to Connect from Emby apps"
 }