diff --git a/dashboard-ui/css/images/media/btn_queue.png b/dashboard-ui/css/images/media/btn_queue.png new file mode 100644 index 0000000000..ec32a0553a Binary files /dev/null and b/dashboard-ui/css/images/media/btn_queue.png differ diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html index 4b8af6ea3d..d4d04b142a 100644 --- a/dashboard-ui/itemdetails.html +++ b/dashboard-ui/itemdetails.html @@ -14,13 +14,20 @@
- + + + + +
+
+
@@ -67,9 +74,15 @@
  • Play Menu
  • Play
  • Resume
  • -
  • Add to Queue
  • + +
    + +
    diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js index dfc3b1879a..974ad81302 100644 --- a/dashboard-ui/scripts/Itemdetailpage.js +++ b/dashboard-ui/scripts/Itemdetailpage.js @@ -38,9 +38,13 @@ if (MediaPlayer.canPlay(item)) { $('#btnPlayMenu', page).show(); $('#playButtonShadow', page).show(); + //$('#btnQueueMenu', page).show(); + //$('#queueButtonShadow', page).show(); } else { $('#btnPlayMenu', page).hide(); $('#playButtonShadow', page).hide(); + $('#btnQueueMenu', page).hide(); + $('#queueButtonShadow', page).hide(); } Dashboard.hideLoadingMsg(); @@ -474,8 +478,7 @@ var userdata = currentItem.UserData || {}; - //always pop menu now so we can have a queue link - //if (userdata.PlaybackPositionTicks) { + if (userdata.PlaybackPositionTicks) { var pos = $('#playMenuAnchor', page).offset(); @@ -484,12 +487,22 @@ y: pos.top + 20 }); - //} - //else { - // play(); - //} + } + else { + play(); + } }); + $('#btnQueueMenu', page).on('click', function () { + var pos = $('#queueMenuAnchor', page).offset(); + + $('#queueMenu', page).popup("open", { + x: pos.left + 165, + y: pos.top + 20 + }); + }); + + $('#btnPlay', page).on('click', function () { $('#playMenu', page).popup("close"); @@ -507,7 +520,7 @@ $('#btnQueue', page).on('click', function () { - $('#playMenu', page).popup("close"); + $('#queueMenu', page).popup("close"); Playlist.add(currentItem); });