From 3232dc14034a80c85d83c64c1cd8c6d37b845bed Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Tue, 9 Apr 2013 22:28:24 -0400
Subject: [PATCH] added play/resume menu to detail page

---
 dashboard-ui/itemdetails.html          | 15 +++++++--
 dashboard-ui/scripts/Itemdetailpage.js | 45 +++++++++++++++++++++++---
 2 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 92d14d9643..937cecad04 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -16,10 +16,11 @@
                         <div id="itemImage"></div>
                         <div id="playButtonShadow" style="display: none; height: 48px; position: absolute; bottom: 0; left: 0; right: 0; background: black; opacity: .75;">
                         </div>
-                        <button id="btnPlay" type="button" class="imageButton" style="display: none; position: absolute; bottom: 5px; left: 10px;" data-role="none" title="Play" onclick="ItemDetailPage.play();">
+                        <button id="btnPlay" type="button" class="imageButton" style="display: none; position: absolute; bottom: 5px; left: 10px;" data-role="none" title="Play" onclick="ItemDetailPage.onPlayButtonClick();">
                             <img src="css/images/media/playCircle.png" style="height: 28px;" />
                         </button>
                     </div>
+                    <div id="playMenuAnchor"></div>
                 </div>
 
                 <div class="itemDetailBlock">
@@ -32,7 +33,7 @@
 
                     <p id="itemGenres"></p>
                     <p id="itemStudios"></p>
-	                <p id="itemLinks"></p>
+                    <p id="itemLinks"></p>
                 </div>
             </div>
 
@@ -60,6 +61,16 @@
                 <h3>Gallery</h3>
                 <div id="galleryContent"></div>
             </div>
+
+            <div data-role="popup" id="playMenu" data-corners="false" data-theme="c">
+                <ul data-role="listview" style="min-width: 150px;" data-theme="c">
+                    <li data-role="list-divider" data-theme="a">Play Menu</li>
+                    <li><a href="#" onclick="ItemDetailPage.play();">Play</a></li>
+                    <li><a href="#" onclick="ItemDetailPage.resume();">Resume</a>
+
+                    </li>
+                </ul>
+            </div>
         </div>
     </div>
 </body>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index f3186b5f3a..d505237816 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -353,9 +353,46 @@
         $('#scenesContent', page).html(html);
     },
 
+    onPlayButtonClick: function () {
+
+        var item = ItemDetailPage.item;
+
+        var userdata = item.UserData || {};
+
+        if (userdata.PlaybackPositionTicks) {
+
+            var page = $.mobile.activePage;
+
+            var pos = $('#playMenuAnchor', page).offset();
+
+            $('#playMenu', page).popup("open", {
+                
+                x: pos.left + 125,
+                y: pos.top + 20
+
+            });
+
+        } else {
+            ItemDetailPage.play();
+        }
+
+    },
+
     play: function (startPosition) {
+
+        var page = $.mobile.activePage;
+        $('#playMenu', page).popup("close");
         MediaPlayer.play([ItemDetailPage.item], startPosition);
     },
+    
+    resume: function() {
+
+        var item = ItemDetailPage.item;
+
+        var userdata = item.UserData || {};
+
+        ItemDetailPage.play(userdata.PlaybackPositionTicks);
+    },
 
     onGalleryExpand: function () {
 
@@ -475,9 +512,9 @@
             html += '<div class="mediaInfoStream">';
 
             html += '<p class="mediaInfoStreamType">' + type + '</p>';
-            
+
             html += '<ul class="mediaInfoDetails">';
-            
+
             if (stream.Codec) {
                 html += '<li><span class="mediaInfoLabel">Codec</span> ' + stream.Codec + '</li>';
             }
@@ -510,11 +547,11 @@
             }
 
             var framerate = stream.AverageFrameRate || stream.RealFrameRate;
-            
+
             if (framerate) {
                 html += '<li><span class="mediaInfoLabel">Framerate</span> ' + framerate + '</li>';
             }
-            
+
             if (stream.PixelFormat) {
                 html += '<li><span class="mediaInfoLabel">Pixel Format</span> ' + stream.PixelFormat + '</li>';
             }