From 4c4c1311471e993eba8fb0b571ada879ee601040 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 16 Jan 2014 22:13:12 -0500
Subject: [PATCH] add hover menus to recordings

---
 dashboard-ui/css/librarybrowser.css         |  6 ++-
 dashboard-ui/edititemmetadata.html          |  2 +-
 dashboard-ui/itembynamedetails.html         |  2 +-
 dashboard-ui/itemdetails.html               |  2 +-
 dashboard-ui/livetvchannel.html             |  2 +-
 dashboard-ui/livetvprogram.html             |  2 +-
 dashboard-ui/livetvrecording.html           |  2 +-
 dashboard-ui/scripts/indexpage.js           |  2 +-
 dashboard-ui/scripts/librarybrowser.js      |  4 +-
 dashboard-ui/scripts/librarymenu.js         |  2 +-
 dashboard-ui/scripts/livetvguide.js         |  7 ---
 dashboard-ui/scripts/livetvrecordinglist.js |  2 +-
 dashboard-ui/scripts/livetvrecordings.js    |  2 +-
 dashboard-ui/scripts/livetvseriestimer.js   |  2 +-
 dashboard-ui/scripts/livetvsuggested.js     |  4 +-
 dashboard-ui/scripts/remotecontrol.js       | 54 ++++++++++++---------
 dashboard-ui/scripts/site.js                |  2 +-
 17 files changed, 53 insertions(+), 46 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index d2a4ae9d31..1a239a6739 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -381,7 +381,7 @@ a.itemTag:hover {
     background-size: cover;
     background-position: center 15%;
     background-repeat: no-repeat;
-    height: 540px;
+    height: 560px;
     border-bottom: 1px solid #111;
     position: relative;
 }
@@ -483,6 +483,10 @@ a.itemTag:hover {
     text-overflow: ellipsis;
 }
 
+.desktopOverview {
+    min-width: 500px;
+}
+
 .mobileOverview {
     display: none;
     padding: 0 1em;
diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index 93c192de15..7d3820c47e 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -383,7 +383,7 @@
                             </div>
                         </div>
                         <div data-mini="true" data-role="collapsible" id="keywordsCollapsible" style="display: none;">
-                            <h3>Keywords</h3>
+                            <h3>Plot Keywords</h3>
                             <div data-role="editableListviewContainer">
                                 <div data-role="fieldcontain">
                                     <div style="display: inline-block; width: 80%;">
diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index 19ddb8b77b..c22dd3b9b4 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -146,7 +146,7 @@
                 <button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
             </span>
             <span>
-                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Play On</button>
+                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
             </span>
             <span id="editButtonContainer" style="display: none;">
                 <a id="btnEdit" data-role="button" data-icon="edit" data-inline="true" data-mini="true" href="#">Edit</a>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 24a596e366..8abc4cbfde 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -148,7 +148,7 @@
                 <a id="btnPlayExternal" data-role="button" data-icon="play" data-inline="true" data-mini="true" href="#" target="_blank">Play</a>
             </span>
             <span>
-                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Play On</button>
+                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
             </span>
             <span id="editButtonContainer" style="display: none;">
                 <a id="btnEdit" data-role="button" data-icon="edit" data-inline="true" data-mini="true" href="#">Edit</a>
diff --git a/dashboard-ui/livetvchannel.html b/dashboard-ui/livetvchannel.html
index 2a62dcbf60..426a0b3eee 100644
--- a/dashboard-ui/livetvchannel.html
+++ b/dashboard-ui/livetvchannel.html
@@ -31,7 +31,7 @@
                 <button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
             </span>
             <span>
-                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Play On</button>
+                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
             </span>
             <span id="editButtonContainer" style="display: none;">
                 <button id="btnEdit" type="button" data-icon="edit" data-inline="true" data-mini="true">Edit</button>
diff --git a/dashboard-ui/livetvprogram.html b/dashboard-ui/livetvprogram.html
index 6f1474621d..28daefb570 100644
--- a/dashboard-ui/livetvprogram.html
+++ b/dashboard-ui/livetvprogram.html
@@ -48,7 +48,7 @@
                 <button id="btnRecord" type="button" data-icon="video" data-inline="true" data-mini="true">Record</button>
             </span>
             <span>
-                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Play On</button>
+                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
             </span>
         </div>
         <div data-role="content">
diff --git a/dashboard-ui/livetvrecording.html b/dashboard-ui/livetvrecording.html
index ec6ce38baf..a3b5393d7a 100644
--- a/dashboard-ui/livetvrecording.html
+++ b/dashboard-ui/livetvrecording.html
@@ -42,7 +42,7 @@
                 <button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
             </span>
             <span>
-                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Play On</button>
+                <button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
             </span>
             <span id="deleteButtonContainer" style="display: none;">
                 <button id="btnDelete" type="button" data-icon="delete" data-inline="true" data-mini="true">Delete</button>
diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js
index 4e0f68263b..ff27474b1e 100644
--- a/dashboard-ui/scripts/indexpage.js
+++ b/dashboard-ui/scripts/indexpage.js
@@ -196,7 +196,7 @@
                 html += getViewHtml(views[i]);
             }
 
-            var elem = $('#views', page).html(html);
+            var elem = $('#views', page).html(html).trigger('create');
 
             if (counts.MovieCount || counts.TrailerCount) {
                 renderMovieViewImages(elem, userId);
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 311dcad762..511f838559 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -2556,13 +2556,13 @@
             buttonCount++;
         }
 
-        if (currentUser.Configuration.IsAdministrator) {
+        if (currentUser.Configuration.IsAdministrator && item.Type != "Recording") {
             html += '<button type="button" data-mini="true" data-inline="true" data-icon="edit" data-iconpos="notext" title="Edit" onclick="Dashboard.navigate(\'edititemmetadata.html?id=' + item.Id + '\');return false;" style="' + buttonMargin + '">Edit</button>';
             buttonCount++;
         }
 
         if (!isPortrait || buttonCount < 3) {
-            html += '<button type="button" data-mini="true" data-inline="true" data-icon="wireless" data-iconpos="notext" title="Play On" class="btnRemoteControl" data-itemid="' + item.Id + '" style="' + buttonMargin + '">Play On</button>';
+            html += '<button type="button" data-mini="true" data-inline="true" data-icon="wireless" data-iconpos="notext" title="Remote" class="btnRemoteControl" data-itemid="' + item.Id + '" style="' + buttonMargin + '">Remote</button>';
         }
 
         html += '</div>';
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index 30560fd50a..5055941c1e 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -16,7 +16,7 @@
 
         html += '<a class="desktopHomeLink" href="index.html"><img src="css/images/mblogoicon.png" /></a>';
 
-        html += '<button class="viewMenuRemoteControlButton" onclick="RemoteControl.showMenu();" type="button" data-icon="remote" data-inline="true" data-iconpos="notext" title="Remote Control">Remote Control</button>';
+        html += '<button class="viewMenuRemoteControlButton" onclick="RemoteControl.showMenu();" type="button" data-icon="wireless" data-inline="true" data-iconpos="notext" title="Remote Control">Remote Control</button>';
 
         if (user.Configuration.IsAdministrator) {
             html += '<a class="editorMenuLink" href="edititemmetadata.html" data-role="button" data-icon="edit" data-inline="true" data-iconpos="notext" title="Metadata Manager">Metadata Manager</a>';
diff --git a/dashboard-ui/scripts/livetvguide.js b/dashboard-ui/scripts/livetvguide.js
index dae9f94e86..591c78e547 100644
--- a/dashboard-ui/scripts/livetvguide.js
+++ b/dashboard-ui/scripts/livetvguide.js
@@ -498,13 +498,6 @@
         html += (item.OverviewHtml || item.Overview || '');
         html += '</p>';
 
-        //html += '<p>';
-
-        //html += '<button type="button" data-mini="true" data-inline="true" data-icon="play" data-iconpos="notext">Play</button>';
-        //html += '<button type="button" data-mini="true" data-inline="true" data-icon="remote" data-iconpos="notext">Play</button>';
-
-        //html += '</p>';
-
         html += '</div>';
 
         return html;
diff --git a/dashboard-ui/scripts/livetvrecordinglist.js b/dashboard-ui/scripts/livetvrecordinglist.js
index 717142219a..277c160ddc 100644
--- a/dashboard-ui/scripts/livetvrecordinglist.js
+++ b/dashboard-ui/scripts/livetvrecordinglist.js
@@ -35,7 +35,7 @@
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
 
-            $('#items', page).html(html).trigger('create');
+            $('#items', page).html(html).trigger('create').createPosterItemHoverMenu();
 
             $('.selectPage', page).on('change', function () {
                 query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
diff --git a/dashboard-ui/scripts/livetvrecordings.js b/dashboard-ui/scripts/livetvrecordings.js
index 4d5c63e198..c2ea8ccfd1 100644
--- a/dashboard-ui/scripts/livetvrecordings.js
+++ b/dashboard-ui/scripts/livetvrecordings.js
@@ -58,7 +58,7 @@
             overlayText: true,
             coverImage: true
 
-        }));
+        })).createPosterItemHoverMenu();
     }
 
     function reload(page) {
diff --git a/dashboard-ui/scripts/livetvseriestimer.js b/dashboard-ui/scripts/livetvseriestimer.js
index 66a8dc2bf8..13dd646efc 100644
--- a/dashboard-ui/scripts/livetvseriestimer.js
+++ b/dashboard-ui/scripts/livetvseriestimer.js
@@ -127,7 +127,7 @@
             overlayText: true,
             coverImage: true
 
-        }));
+        })).createPosterItemHoverMenu();
     }
     
     function renderSchedule(page, result) {
diff --git a/dashboard-ui/scripts/livetvsuggested.js b/dashboard-ui/scripts/livetvsuggested.js
index a69a5b11c7..da28d78ceb 100644
--- a/dashboard-ui/scripts/livetvsuggested.js
+++ b/dashboard-ui/scripts/livetvsuggested.js
@@ -23,7 +23,7 @@
 
             });
 
-            $('.activeProgramItems', page).html(html);
+            $('.activeProgramItems', page).html(html).createPosterItemHoverMenu();
         });
 
         apiClient.getLiveTvRecommendedPrograms({
@@ -46,7 +46,7 @@
 
             });
 
-            $('.upcomingProgramItems', page).html(html);
+            $('.upcomingProgramItems', page).html(html).createPosterItemHoverMenu();
         });
     }
 
diff --git a/dashboard-ui/scripts/remotecontrol.js b/dashboard-ui/scripts/remotecontrol.js
index 6f87ea11cf..189121b7e4 100644
--- a/dashboard-ui/scripts/remotecontrol.js
+++ b/dashboard-ui/scripts/remotecontrol.js
@@ -69,7 +69,7 @@
         html += '<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="b">Close</a>';
 
         html += '<div class="ui-bar-b" style="text-align:center;">';
-        html += '<div style="margin:.5em 0;">Play On</div>';
+        html += '<div style="margin:.5em 0;">Remote Control</div>';
         html += '</div>';
 
         html += '<div style="padding: 1em;">';
@@ -90,7 +90,7 @@
 
         html += '<span id="queueButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'PlayLast\');" type="submit" data-icon="plus" data-mini="true" data-inline="true">Queue</button></span>';
 
-        html += '<span id="browseButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Browse\');" type="submit" data-icon="eye" data-mini="true" data-inline="true">View on Screen</button></span>';
+        html += '<span id="browseButtonContainer" style="display:none;"><button onclick="$(\'#fldPlayCommand\').val(\'Browse\');" type="submit" data-icon="eye" data-mini="true" data-inline="true">View</button></span>';
 
         html += '</p>';
 
@@ -454,31 +454,44 @@
         var html = '';
 
         html += '<div style="margin-top:0;">';
-        html += '<label for="selectCommand">Play:</label>';
         html += '<select id="selectCommand" data-mini="true">';
 
-        var mediaLabel = item.Type;
-        
-        html += '<option value="Play" selected>' + mediaLabel + '</label>';
+        // Default for virtual & IBN types
+        var playLabel = 'View';
+
+        if (item.LocationType != "Virtual") {
+            
+            if (item.IsFolder) {
+                playLabel = "Play All";
+            }
+            else if (item.MediaType == "Video") {
+                playLabel = "Play from beginning";
+            }
+            else if (item.MediaType) {
+                playLabel = "Play";
+            }
+    }
+
+        html += '<option value="Play" selected>' + playLabel + '</label>';
 
         if (item.Chapters && item.Chapters.length) {
-            html += '<option value="PlayFromChapter">Scene</label>';
+            html += '<option value="PlayFromChapter">Play from scene</label>';
         }
 
         if (item.LocalTrailerCount) {
-            html += '<option value="Trailer">Trailer</label>';
+            html += '<option value="Trailer">Play trailer</label>';
         }
 
         if (item.SpecialFeatureCount) {
-            html += '<option value="SpecialFeature">Special feature</label>';
+            html += '<option value="SpecialFeature">Play special feature</label>';
         }
 
         if (options.themeSongs) {
-            html += '<option value="ThemeSong">Theme song</label>';
+            html += '<option value="ThemeSong">Play theme song</label>';
         }
 
         if (options.themeVideos) {
-            html += '<option value="ThemeVideo">Theme video</label>';
+            html += '<option value="ThemeVideo">Play theme video</label>';
         }
 
         html += '</select>';
@@ -642,7 +655,7 @@
         html += '<div class="sessionsPopupContent">';
 
         // Add controls here
-        html += '<div><label for="selectSession">Select session to control</label>';
+        html += '<div>';
         html += '<select id="selectSession" name="selectSession" data-mini="true"></select></div>';
 
         html += '</div>';
@@ -659,24 +672,24 @@
 
         html += '</div>';
 
+        html += '<div class="commandsCollapsible" data-role="collapsible" data-collapsed="true" data-mini="true" style="margin-top: 1em;display:none;">';
+        html += '<h4>Send Command</h4>';
+        html += '<div>';
+
         html += '<p class="sessionButtons" style="text-align:center;">';
 
-        html += '<button class="btnGoHome" type="button" data-icon="home" data-mini="true" data-inline="true">Home</button>';
-        html += '<button class="btnGoToSettings" type="button" data-icon="gear" data-mini="true" data-inline="true">Settings</button>';
+        html += '<button class="btnGoHome" type="button" data-icon="home" data-mini="true" data-inline="true">Go Home</button>';
+        html += '<button class="btnGoToSettings" type="button" data-icon="gear" data-mini="true" data-inline="true">View Settings</button>';
 
         html += '</p>';
 
-        html += '<div class="commandsCollapsible" data-role="collapsible" data-collapsed="true" data-mini="true" style="margin-top: 1em;display:none;">';
-        html += '<h4>Send Message</h4>';
-        html += '<div>';
-
         html += '<p style="text-align:center;">';
 
         html += '<div><label for="txtMessage">Message text</label></div>';
 
         html += '<input id="txtMessage" name="txtMessage" type="text" />';
 
-        html += '<button type="button" data-icon="mail" class="btnSendMessage" data-mini="true">Send</button>';
+        html += '<button type="button" data-icon="mail" class="btnSendMessage" data-mini="true">Send Message</button>';
 
         html += '</p>';
 
@@ -877,13 +890,11 @@
             $('.nothingPlaying', popup).hide();
             $('.nowPlaying', popup).hide();
             $('.commandsCollapsible', popup).hide();
-            $('.sessionButtons', popup).hide();
 
         }
         else if (session.NowPlayingItem) {
 
             $('.commandsCollapsible', popup).show();
-            $('.sessionButtons', popup).show();
             $('.nothingPlaying', popup).hide();
 
             var elem = $('.nowPlaying', popup).show();
@@ -892,7 +903,6 @@
 
         } else {
 
-            $('.sessionButtons', popup).show();
             $('.commandsCollapsible', popup).show();
             $('.nothingPlaying', popup).show();
             $('.nowPlaying', popup).hide();
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 9e9ad4d752..6293dc041b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -1360,7 +1360,7 @@ $(function () {
     footerHtml += '<button onclick="MediaPlayer.showChannelsFlyout();" id="channelsButton" class="mediaButton channelsButton" title="TV Channels" type="button" data-icon="tv" data-iconpos="notext" data-inline="true">TV Channels</button>';
     footerHtml += '<div class="mediaFlyoutContainer"><div id="channelsFlyout" style="display:none;" class="mediaPlayerFlyout channelsFlyout"></div></div>';
 
-    footerHtml += '<button onclick="MediaPlayer.showSendMediaMenu();" id="sendMediaButton" class="mediaButton sendMediaButton" title="Play On" type="button" data-icon="wireless" data-iconpos="notext" data-inline="true">Play On</button>';
+    footerHtml += '<button onclick="MediaPlayer.showSendMediaMenu();" id="sendMediaButton" class="mediaButton sendMediaButton" title="Remote" type="button" data-icon="wireless" data-iconpos="notext" data-inline="true">Remote</button>';
 
     footerHtml += '</div>';