From 483f5076d70ff94976bb3d4d194f7919c97741dc Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Fri, 19 Jun 2020 19:08:09 +0200
Subject: [PATCH] Add tooltips for header icons

---
 src/scripts/libraryMenu.js | 10 +++++-----
 src/strings/en-us.json     |  5 +++--
 src/strings/es.json        |  4 +++-
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/scripts/libraryMenu.js b/src/scripts/libraryMenu.js
index 937ba4279..faca8c606 100644
--- a/src/scripts/libraryMenu.js
+++ b/src/scripts/libraryMenu.js
@@ -12,11 +12,11 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
         html += '</div>';
         html += '<div class="headerRight">';
         html += '<span class="headerSelectedPlayer"></span>';
-        html += '<button is="paper-icon-button-light" class="headerSyncButton syncButton headerButton headerButtonRight hide"><span class="material-icons sync_disabled"></span></button>';
+        html += `<button is="paper-icon-button-light" class="headerSyncButton syncButton headerButton headerButtonRight hide" title="${globalize.translate('ButtonSyncPlay')}"><span class="material-icons sync_disabled"></span></button>`;
         html += '<button is="paper-icon-button-light" class="headerAudioPlayerButton audioPlayerButton headerButton headerButtonRight hide"><span class="material-icons music_note"></span></button>';
-        html += '<button is="paper-icon-button-light" class="headerCastButton castButton headerButton headerButtonRight hide"><span class="material-icons cast"></span></button>';
-        html += '<button type="button" is="paper-icon-button-light" class="headerButton headerButtonRight headerSearchButton hide"><span class="material-icons search"></span></button>';
-        html += '<button is="paper-icon-button-light" class="headerButton headerButtonRight headerUserButton hide"><span class="material-icons person"></span></button>';
+        html += `<button is="paper-icon-button-light" class="headerCastButton castButton headerButton headerButtonRight hide" title="${globalize.translate('ButtonCast')}"><span class="material-icons cast"></span></button>`;
+        html += `<button type="button" is="paper-icon-button-light" class="headerButton headerButtonRight headerSearchButton hide" title="${globalize.translate('ButtonSearch')}"><span class="material-icons search"></span></button>`;
+        html += '<button is="paper-icon-button-light" class="headerButton headerButtonRight headerUserButton hide" ><span class="material-icons person"></span></button>';
         html += '</div>';
         html += '</div>';
         html += '<div class="headerTabs sectionTabs hide">';
@@ -64,7 +64,7 @@ define(['dom', 'layoutManager', 'inputManager', 'connectionManager', 'events', '
                 updateHeaderUserButton(url);
                 hasImage = true;
             }
-
+            headerUserButton.title = user.name;
             headerUserButton.classList.remove('hide');
         } else {
             headerUserButton.classList.add('hide');
diff --git a/src/strings/en-us.json b/src/strings/en-us.json
index bf77f630a..4f030020e 100644
--- a/src/strings/en-us.json
+++ b/src/strings/en-us.json
@@ -1553,6 +1553,7 @@
     "OnApplicationStartup": "On application startup",
     "UnsupportedPlayback": "Jellyfin cannot decrypt content protected by DRM but all content will be attempted regardless, including protected titles. Some files may appear completely black due to encryption or other unsupported features, such as interactive titles.",
     "EnableBlurhash": "Enable blurred placeholders for images",
-    "EnableBlurhashHelp": "Images that are still being loaded will be displayed with a blurred placeholder"
-
+    "EnableBlurhashHelp": "Images that are still being loaded will be displayed with a blurred placeholder",
+    "ButtonSyncPlay": "SyncPlay",
+    "ButtonCast": "Cast"
 }
diff --git a/src/strings/es.json b/src/strings/es.json
index eedfa3d73..cadaf0c38 100644
--- a/src/strings/es.json
+++ b/src/strings/es.json
@@ -1560,5 +1560,7 @@
     "EnableDetailsBannerHelp": "Mostrar imagen de banner en el tope de la página de detalles del elemento.",
     "EnableDetailsBanner": "Barra de Detalles",
     "ShowMore": "Mostrar más",
-    "ShowLess": "Mostrar menos"
+    "ShowLess": "Mostrar menos",
+    "ButtonSyncPlay": "SyncPlay",
+    "ButtonCast": "Enviar"
 }