mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add hover menus to recordings
This commit is contained in:
parent
a0a589b876
commit
4c4c131147
17 changed files with 53 additions and 46 deletions
|
@ -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();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue