mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
game context on detail page
This commit is contained in:
parent
d95f783686
commit
358830d050
2 changed files with 33 additions and 23 deletions
|
@ -12,7 +12,7 @@
|
||||||
<h1 class="libraryPageHeader" style="display: none;"><a href="index.html" class="imageLink">
|
<h1 class="libraryPageHeader" style="display: none;"><a href="index.html" class="imageLink">
|
||||||
<img src="css/images/mblogoicon.png"></a><span></span></h1>
|
<img src="css/images/mblogoicon.png"></a><span></span></h1>
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div id="movieTabs" style="display: none;">
|
<div id="movieTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
|
<a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
|
||||||
|
@ -23,7 +23,7 @@
|
||||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="boxsetTabs" style="display: none;">
|
<div id="boxsetTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="movies.html" data-role="button">Movies</a>
|
<a href="movies.html" data-role="button">Movies</a>
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="trailerTabs" style="display: none;">
|
<div id="trailerTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="movies.html" data-role="button">Movies</a>
|
<a href="movies.html" data-role="button">Movies</a>
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="tvShowsTabs" style="display: none;">
|
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="tvrecommended.html" data-role="button">Suggested</a>
|
<a href="tvrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
|
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
|
||||||
|
@ -54,7 +54,7 @@
|
||||||
<a href="tvstudios.html" data-role="button">Networks</a>
|
<a href="tvstudios.html" data-role="button">Networks</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="songTabs" style="display: none;">
|
<div id="songTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="songs.html" data-role="button" class="ui-btn-active">Songs</a>
|
<a href="songs.html" data-role="button" class="ui-btn-active">Songs</a>
|
||||||
|
@ -63,7 +63,7 @@
|
||||||
<a href="musicgenres.html" data-role="button">Genres</a>
|
<a href="musicgenres.html" data-role="button">Genres</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="albumTabs" style="display: none;">
|
<div id="albumTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="songs.html" data-role="button">Songs</a>
|
<a href="songs.html" data-role="button">Songs</a>
|
||||||
|
@ -72,7 +72,16 @@
|
||||||
<a href="musicgenres.html" data-role="button">Genres</a>
|
<a href="musicgenres.html" data-role="button">Genres</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="gameTabs" style="display: none;">
|
<div id="gameTabs" class="itemTabs" style="display: none;">
|
||||||
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
|
<a href="gamesrecommended.html" data-role="button">Suggested</a>
|
||||||
|
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>
|
||||||
|
<a href="gamesystems.html" data-role="button">Game Systems</a>
|
||||||
|
<a href="gamegenres.html" data-role="button">Genres</a>
|
||||||
|
<a href="gamestudios.html" data-role="button">Studios</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||||
<a href="gamesrecommended.html" data-role="button">Suggested</a>
|
<a href="gamesrecommended.html" data-role="button">Suggested</a>
|
||||||
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>
|
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>
|
||||||
|
|
|
@ -116,7 +116,7 @@
|
||||||
enableCustomHeader(page, "Music");
|
enableCustomHeader(page, "Music");
|
||||||
$('#standardLogo', page).hide();
|
$('#standardLogo', page).hide();
|
||||||
}
|
}
|
||||||
else if (item.MediaType == "Game") {
|
else if (item.MediaType == "Game" || item.Type == "GamePlatform") {
|
||||||
enableCustomHeader(page, "Games");
|
enableCustomHeader(page, "Games");
|
||||||
$('#standardLogo', page).hide();
|
$('#standardLogo', page).hide();
|
||||||
}
|
}
|
||||||
|
@ -125,44 +125,38 @@
|
||||||
$('#standardLogo', page).show();
|
$('#standardLogo', page).show();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('.itemTabs', page).hide();
|
||||||
|
|
||||||
if (item.Type == "MusicAlbum") {
|
if (item.Type == "MusicAlbum") {
|
||||||
$('#albumTabs', page).show();
|
$('#albumTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#albumTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "Audio") {
|
if (item.Type == "Audio") {
|
||||||
$('#songTabs', page).show();
|
$('#songTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#songTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "Movie") {
|
if (item.Type == "Movie") {
|
||||||
$('#movieTabs', page).show();
|
$('#movieTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#movieTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.MediaType == "Game") {
|
if (item.MediaType == "Game") {
|
||||||
$('#gameTabs', page).show();
|
$('#gameTabs', page).show();
|
||||||
} else {
|
}
|
||||||
$('#gameTabs', page).hide();
|
|
||||||
|
if (item.Type == "GamePlatform") {
|
||||||
|
$('#gameSystemTabs', page).show();
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "BoxSet") {
|
if (item.Type == "BoxSet") {
|
||||||
$('#boxsetTabs', page).show();
|
$('#boxsetTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#boxsetTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "Trailer") {
|
if (item.Type == "Trailer") {
|
||||||
$('#trailerTabs', page).show();
|
$('#trailerTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#trailerTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (item.Type == "Episode" || item.Type == "Season" || item.Type == "Series") {
|
if (item.Type == "Episode" || item.Type == "Season" || item.Type == "Series") {
|
||||||
$('#tvShowsTabs', page).show();
|
$('#tvShowsTabs', page).show();
|
||||||
} else {
|
|
||||||
$('#tvShowsTabs', page).hide();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -275,9 +269,13 @@
|
||||||
$('#itemSongs', page).html(LibraryBrowser.getSongTableHtml(result.Items, { showArtist: true })).trigger('create');
|
$('#itemSongs', page).html(LibraryBrowser.getSongTableHtml(result.Items, { showArtist: true })).trigger('create');
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
|
var shape = "poster";
|
||||||
|
|
||||||
var html = LibraryBrowser.getPosterDetailViewHtml({
|
var html = LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
shape: shape
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#childrenContent', page).html(html);
|
$('#childrenContent', page).html(html);
|
||||||
|
@ -297,6 +295,9 @@
|
||||||
else if (item.Type == "MusicAlbum") {
|
else if (item.Type == "MusicAlbum") {
|
||||||
$('#childrenTitle', page).html('Tracks (' + item.ChildCount + ')');
|
$('#childrenTitle', page).html('Tracks (' + item.ChildCount + ')');
|
||||||
}
|
}
|
||||||
|
else if (item.Type == "GamePlatform") {
|
||||||
|
$('#childrenTitle', page).html('Games (' + item.ChildCount + ')');
|
||||||
|
}
|
||||||
else {
|
else {
|
||||||
$('#childrenTitle', page).html('Items (' + item.ChildCount + ')');
|
$('#childrenTitle', page).html('Items (' + item.ChildCount + ')');
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue