1
0
Fork 0
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:
Luke Pulverenti 2013-04-28 14:47:19 -04:00
parent d95f783686
commit 358830d050
2 changed files with 33 additions and 23 deletions

View file

@ -12,7 +12,7 @@
<h1 class="libraryPageHeader" style="display: none;"><a href="index.html" class="imageLink">
<img src="css/images/mblogoicon.png"></a><span></span></h1>
<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">
<a href="moviesrecommended.html" data-role="button">Suggested</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>
</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">
<a href="moviesrecommended.html" data-role="button">Suggested</a>
<a href="movies.html" data-role="button">Movies</a>
@ -34,7 +34,7 @@
<a href="moviestudios.html" data-role="button">Studios</a>
</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">
<a href="moviesrecommended.html" data-role="button">Suggested</a>
<a href="movies.html" data-role="button">Movies</a>
@ -45,7 +45,7 @@
<a href="moviestudios.html" data-role="button">Studios</a>
</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">
<a href="tvrecommended.html" data-role="button">Suggested</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>
</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">
<a href="musicrecommended.html" data-role="button">Suggested</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>
</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">
<a href="musicrecommended.html" data-role="button">Suggested</a>
<a href="songs.html" data-role="button">Songs</a>
@ -72,7 +72,16 @@
<a href="musicgenres.html" data-role="button">Genres</a>
</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">
<a href="gamesrecommended.html" data-role="button">Suggested</a>
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>

View file

@ -116,7 +116,7 @@
enableCustomHeader(page, "Music");
$('#standardLogo', page).hide();
}
else if (item.MediaType == "Game") {
else if (item.MediaType == "Game" || item.Type == "GamePlatform") {
enableCustomHeader(page, "Games");
$('#standardLogo', page).hide();
}
@ -125,44 +125,38 @@
$('#standardLogo', page).show();
}
$('.itemTabs', page).hide();
if (item.Type == "MusicAlbum") {
$('#albumTabs', page).show();
} else {
$('#albumTabs', page).hide();
}
if (item.Type == "Audio") {
$('#songTabs', page).show();
} else {
$('#songTabs', page).hide();
}
if (item.Type == "Movie") {
$('#movieTabs', page).show();
} else {
$('#movieTabs', page).hide();
}
if (item.MediaType == "Game") {
$('#gameTabs', page).show();
} else {
$('#gameTabs', page).hide();
}
if (item.Type == "GamePlatform") {
$('#gameSystemTabs', page).show();
}
if (item.Type == "BoxSet") {
$('#boxsetTabs', page).show();
} else {
$('#boxsetTabs', page).hide();
}
if (item.Type == "Trailer") {
$('#trailerTabs', page).show();
} else {
$('#trailerTabs', page).hide();
}
if (item.Type == "Episode" || item.Type == "Season" || item.Type == "Series") {
$('#tvShowsTabs', page).show();
} else {
$('#tvShowsTabs', page).hide();
}
}
@ -275,9 +269,13 @@
$('#itemSongs', page).html(LibraryBrowser.getSongTableHtml(result.Items, { showArtist: true })).trigger('create');
} else {
var shape = "poster";
var html = LibraryBrowser.getPosterDetailViewHtml({
items: result.Items,
useAverageAspectRatio: true
useAverageAspectRatio: true,
shape: shape
});
$('#childrenContent', page).html(html);
@ -297,6 +295,9 @@
else if (item.Type == "MusicAlbum") {
$('#childrenTitle', page).html('Tracks (' + item.ChildCount + ')');
}
else if (item.Type == "GamePlatform") {
$('#childrenTitle', page).html('Games (' + item.ChildCount + ')');
}
else {
$('#childrenTitle', page).html('Items (' + item.ChildCount + ')');
}