mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
context for ibn items
This commit is contained in:
parent
03a19ef190
commit
8252b6c0bd
24 changed files with 250 additions and 63 deletions
|
@ -191,7 +191,7 @@
|
||||||
|
|
||||||
.tileItem {
|
.tileItem {
|
||||||
background: #333;
|
background: #333;
|
||||||
padding: 10px 10px 3px;
|
padding: 10px 7px 5px;
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
font-weight: normal!important;
|
font-weight: normal!important;
|
||||||
|
@ -224,7 +224,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem p {
|
.tileItem p {
|
||||||
margin: .35em 0;
|
margin: .35em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem .imgUserItemRating {
|
.tileItem .imgUserItemRating {
|
||||||
|
@ -244,6 +244,9 @@
|
||||||
|
|
||||||
.tileName {
|
.tileName {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem .userDataIcons img {
|
.tileItem .userDataIcons img {
|
||||||
|
@ -270,7 +273,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 850px) {
|
@media all and (min-width: 750px) {
|
||||||
.tileItem {
|
.tileItem {
|
||||||
width: 46%;
|
width: 46%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -279,7 +282,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileImage {
|
.tileImage {
|
||||||
height: 140px;
|
height: 88px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 850px) {
|
||||||
|
|
||||||
|
.tileImage {
|
||||||
|
height: 105px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem .userDataIcons img {
|
.tileItem .userDataIcons img {
|
||||||
|
@ -288,7 +298,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem p {
|
.tileItem p {
|
||||||
margin: .75em 0;
|
margin: .75em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem .itemProgress {
|
.tileItem .itemProgress {
|
||||||
|
@ -297,6 +307,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 1200px) {
|
@media all and (min-width: 1200px) {
|
||||||
|
.tileImage {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
.tileItem {
|
.tileItem {
|
||||||
width: 31%;
|
width: 31%;
|
||||||
}
|
}
|
||||||
|
@ -307,9 +321,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 1440px) {
|
@media all and (min-width: 1440px) {
|
||||||
.tileImage {
|
|
||||||
height: 170px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -317,10 +328,6 @@
|
||||||
.tileItem {
|
.tileItem {
|
||||||
width: 31.5%;
|
width: 31.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileImage {
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 2000px) {
|
@media all and (min-width: 2000px) {
|
||||||
|
@ -345,6 +352,7 @@
|
||||||
.centeredDetailTable {
|
.centeredDetailTable {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stretchedDetailTable {
|
.stretchedDetailTable {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -369,6 +377,7 @@
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.userDataCell {
|
.userDataCell {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,9 +4,84 @@
|
||||||
<title></title>
|
<title></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="itemByNameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
|
<div id="itemByNameDetailPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
|
||||||
|
<div id="genericHeader" class="header">
|
||||||
|
<a class="logo" href="index.html" id="standardLogo" style="display: none;">
|
||||||
|
<img class="imgLogoIcon" src="css/images/mblogoicon.png"><img class="imgLogoText" src="css/images/mblogotextwhite.png"></a>
|
||||||
|
</div>
|
||||||
|
<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 data-role="content">
|
||||||
|
|
||||||
|
<div id="movieGenreTabs" 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>
|
||||||
|
<a href="boxsets.html" data-role="button">Box Sets</a>
|
||||||
|
<a href="movietrailers.html" data-role="button">Trailers</a>
|
||||||
|
<a href="moviegenres.html" data-role="button" class="ui-btn-active">Genres</a>
|
||||||
|
<a href="moviepeople.html" data-role="button">People</a>
|
||||||
|
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="moviePeopleTabs" 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>
|
||||||
|
<a href="boxsets.html" data-role="button">Box Sets</a>
|
||||||
|
<a href="movietrailers.html" data-role="button">Trailers</a>
|
||||||
|
<a href="moviegenres.html" data-role="button">Genres</a>
|
||||||
|
<a href="moviepeople.html" data-role="button" class="ui-btn-active">People</a>
|
||||||
|
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="movieStudioTabs" 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>
|
||||||
|
<a href="boxsets.html" data-role="button">Box Sets</a>
|
||||||
|
<a href="movietrailers.html" data-role="button">Trailers</a>
|
||||||
|
<a href="moviegenres.html" data-role="button">Genres</a>
|
||||||
|
<a href="moviepeople.html" data-role="button">People</a>
|
||||||
|
<a href="moviestudios.html" data-role="button" class="ui-btn-active">Studios</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tvGenreTabs" 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">Shows</a>
|
||||||
|
<a href="tvgenres.html" data-role="button" class="ui-btn-active">Genres</a>
|
||||||
|
<a href="tvpeople.html" data-role="button">Actors</a>
|
||||||
|
<a href="tvstudios.html" data-role="button">Networks</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tvPeopleTabs" 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">Shows</a>
|
||||||
|
<a href="tvgenres.html" data-role="button">Genres</a>
|
||||||
|
<a href="tvpeople.html" data-role="button" class="ui-btn-active">Actors</a>
|
||||||
|
<a href="tvstudios.html" data-role="button">Networks</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tvStudioTabs" 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">Shows</a>
|
||||||
|
<a href="tvgenres.html" data-role="button">Genres</a>
|
||||||
|
<a href="tvpeople.html" data-role="button">Actors</a>
|
||||||
|
<a href="tvstudios.html" data-role="button" class="ui-btn-active">Networks</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="musicGenreTabs" 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>
|
||||||
|
<a href="musicalbums.html" data-role="button">Albums</a>
|
||||||
|
<a href="musicartists.html" data-role="button">Artists</a>
|
||||||
|
<a href="musicgenres.html" data-role="button" class="ui-btn-active">Genres</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="detailPagePrimaryInfo">
|
<div class="detailPagePrimaryInfo">
|
||||||
<div class="itemImageBlock">
|
<div class="itemImageBlock">
|
||||||
<div id="itemMedia" style="position: relative;">
|
<div id="itemMedia" style="position: relative;">
|
||||||
|
|
|
@ -45,8 +45,9 @@
|
||||||
$('#seriesName', page).hide();
|
$('#seriesName', page).hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
setInitialCollapsibleState(page, item);
|
var context = getContext(item);
|
||||||
renderDetails(page, item);
|
setInitialCollapsibleState(page, item, context);
|
||||||
|
renderDetails(page, item, context);
|
||||||
|
|
||||||
if (MediaPlayer.canPlay(item)) {
|
if (MediaPlayer.canPlay(item)) {
|
||||||
$('#btnPlayMenu', page).show();
|
$('#btnPlayMenu', page).show();
|
||||||
|
@ -64,6 +65,25 @@
|
||||||
Dashboard.hideLoadingMsg();
|
Dashboard.hideLoadingMsg();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getContext(item) {
|
||||||
|
|
||||||
|
// should return either movies, tv, music or games
|
||||||
|
|
||||||
|
if (item.Type == "Episode" || item.Type == "Series" || item.Type == "Season") {
|
||||||
|
return "tv";
|
||||||
|
}
|
||||||
|
if (item.Type == "Movie" || item.Type == "Trailer" || item.Type == "BoxSet") {
|
||||||
|
return "movies";
|
||||||
|
}
|
||||||
|
if (item.Type == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist" || item.Type == "Artist") {
|
||||||
|
return "music";
|
||||||
|
}
|
||||||
|
if (item.MediaType == "Game") {
|
||||||
|
return "games";
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
function enableCustomHeader(page, text) {
|
function enableCustomHeader(page, text) {
|
||||||
var elem = $('.libraryPageHeader', page).show();
|
var elem = $('.libraryPageHeader', page).show();
|
||||||
|
@ -125,7 +145,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function setInitialCollapsibleState(page, item) {
|
function setInitialCollapsibleState(page, item, context) {
|
||||||
|
|
||||||
if (item.ChildCount && item.Type == "MusicAlbum") {
|
if (item.ChildCount && item.Type == "MusicAlbum") {
|
||||||
$('#itemSongs', page).show();
|
$('#itemSongs', page).show();
|
||||||
|
@ -176,11 +196,11 @@
|
||||||
$('#castCollapsible', page).hide();
|
$('#castCollapsible', page).hide();
|
||||||
} else {
|
} else {
|
||||||
$('#castCollapsible', page).show();
|
$('#castCollapsible', page).show();
|
||||||
renderCast(page, item);
|
renderCast(page, item, context);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderDetails(page, item) {
|
function renderDetails(page, item, context) {
|
||||||
|
|
||||||
if (item.Taglines && item.Taglines.length) {
|
if (item.Taglines && item.Taglines.length) {
|
||||||
$('#itemTagline', page).html(item.Taglines[0]).show();
|
$('#itemTagline', page).html(item.Taglines[0]).show();
|
||||||
|
@ -202,8 +222,8 @@
|
||||||
|
|
||||||
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
||||||
|
|
||||||
LibraryBrowser.renderGenres($('#itemGenres', page), item);
|
LibraryBrowser.renderGenres($('#itemGenres', page), item, context);
|
||||||
LibraryBrowser.renderStudios($('#itemStudios', page), item);
|
LibraryBrowser.renderStudios($('#itemStudios', page), item, context);
|
||||||
renderUserDataIcons(page, item);
|
renderUserDataIcons(page, item);
|
||||||
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
||||||
}
|
}
|
||||||
|
@ -485,7 +505,7 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderCast(page, item) {
|
function renderCast(page, item, context) {
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
var casts = item.People || [];
|
var casts = item.People || [];
|
||||||
|
@ -494,7 +514,7 @@
|
||||||
|
|
||||||
var cast = casts[i];
|
var cast = casts[i];
|
||||||
|
|
||||||
html += LibraryBrowser.createCastImage(cast);
|
html += LibraryBrowser.createCastImage(cast, context);
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#castContent', page).html(html);
|
$('#castContent', page).html(html);
|
||||||
|
|
|
@ -25,7 +25,8 @@
|
||||||
|
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -70,8 +70,8 @@
|
||||||
|
|
||||||
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
||||||
|
|
||||||
LibraryBrowser.renderGenres($('#itemGenres', page), item);
|
LibraryBrowser.renderGenres($('#itemGenres', page), item, "games");
|
||||||
LibraryBrowser.renderStudios($('#itemStudios', page), item);
|
LibraryBrowser.renderStudios($('#itemStudios', page), item, "games");
|
||||||
renderUserDataIcons(page, item);
|
renderUserDataIcons(page, item);
|
||||||
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Game",
|
countNameSingular: "Game",
|
||||||
countNamePlural: "Games"
|
countNamePlural: "Games",
|
||||||
|
context: "games"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -32,8 +32,8 @@
|
||||||
html += '<td><a href="gamedetail.html?id='+item.Id+'">' + item.Name + '</a></td>';
|
html += '<td><a href="gamedetail.html?id='+item.Id+'">' + item.Name + '</a></td>';
|
||||||
html += '<td>' + item.DisplayMediaType + '</td>';
|
html += '<td>' + item.DisplayMediaType + '</td>';
|
||||||
html += '<td>' + item.ReleaseYear + '</td>';
|
html += '<td>' + item.ReleaseYear + '</td>';
|
||||||
html += '<td>' + /*LibraryBrowser.renderGenres('', item)*/ + '</td>';
|
html += '<td>' + /*LibraryBrowser.renderGenres('', item, "games")*/ + '</td>';
|
||||||
html += '<td>' + /*LibraryBrowser.renderStudios('', item)*/ + '</td>';
|
html += '<td>' + /*LibraryBrowser.renderStudios('', item, "games")*/ + '</td>';
|
||||||
html += '<td>' + /* */ + '</td>';
|
html += '<td>' + /* */ + '</td>';
|
||||||
html += '</tr>';
|
html += '</tr>';
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Game",
|
countNameSingular: "Game",
|
||||||
countNamePlural: "Games"
|
countNamePlural: "Games",
|
||||||
|
context: "games"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -35,8 +35,8 @@
|
||||||
|
|
||||||
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
$('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
|
||||||
|
|
||||||
LibraryBrowser.renderGenres($('#itemGenres', page), item);
|
LibraryBrowser.renderGenres($('#itemGenres', page), item, "games");
|
||||||
LibraryBrowser.renderStudios($('#itemStudios', page), item);
|
LibraryBrowser.renderStudios($('#itemStudios', page), item, "games");
|
||||||
renderUserDataIcons(page, item);
|
renderUserDataIcons(page, item);
|
||||||
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
LibraryBrowser.renderLinks($('#itemLinks', page), item);
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
|
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "games"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -45,6 +45,8 @@
|
||||||
|
|
||||||
currentItem = item;
|
currentItem = item;
|
||||||
|
|
||||||
|
renderHeader(page, item);
|
||||||
|
|
||||||
name = item.Name;
|
name = item.Name;
|
||||||
|
|
||||||
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
|
$('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
|
||||||
|
@ -60,6 +62,68 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function enableCustomHeader(page, text) {
|
||||||
|
var elem = $('.libraryPageHeader', page).show();
|
||||||
|
|
||||||
|
$('span', elem).html(text);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderHeader(page, item) {
|
||||||
|
|
||||||
|
var context = getParameterByName('context');
|
||||||
|
|
||||||
|
if (context == "movies") {
|
||||||
|
enableCustomHeader(page, "Movies");
|
||||||
|
$('#standardLogo', page).hide();
|
||||||
|
}
|
||||||
|
else if (context == "music") {
|
||||||
|
enableCustomHeader(page, "Music");
|
||||||
|
$('#standardLogo', page).hide();
|
||||||
|
}
|
||||||
|
else if (context == "tv") {
|
||||||
|
enableCustomHeader(page, "TV Shows");
|
||||||
|
$('#standardLogo', page).hide();
|
||||||
|
}
|
||||||
|
else if (context == "games") {
|
||||||
|
enableCustomHeader(page, "Games");
|
||||||
|
$('#standardLogo', page).hide();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('.libraryPageHeader', page).hide();
|
||||||
|
$('#standardLogo', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.itemTabs', page).hide();
|
||||||
|
|
||||||
|
if (context == "movies" && item.Type == "Genre") {
|
||||||
|
$('#movieGenreTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "movies" && item.Type == "Person") {
|
||||||
|
$('#moviePeopleTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "movies" && item.Type == "Studio") {
|
||||||
|
$('#movieStudioTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "tv" && item.Type == "Studio") {
|
||||||
|
$('#tvStudioTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "tv" && item.Type == "Genre") {
|
||||||
|
$('#tvGenreTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "tv" && item.Type == "Person") {
|
||||||
|
$('#tvPeopleTabs', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (context == "music" && item.Type == "Genre") {
|
||||||
|
$('#musicGenreTabs', page).show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function renderTabs(page, item) {
|
function renderTabs(page, item) {
|
||||||
|
|
||||||
var promise;
|
var promise;
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
var imgUrl;
|
var imgUrl;
|
||||||
var isDefault = false;
|
var isDefault = false;
|
||||||
|
|
||||||
html += '<a class="tileItem" href="' + LibraryBrowser.getHref(item) + '">';
|
html += '<a class="tileItem" href="' + LibraryBrowser.getHref(item, options.context) + '">';
|
||||||
|
|
||||||
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||||
|
|
||||||
|
@ -208,7 +208,7 @@
|
||||||
}
|
}
|
||||||
html += '<td>' + (num || "") + '</td>';
|
html += '<td>' + (num || "") + '</td>';
|
||||||
|
|
||||||
html += '<td><a href="' + LibraryBrowser.getHref(item) + '">' + (item.Name || "") + '</a></td>';
|
html += '<td><a href="' + LibraryBrowser.getHref(item, "music") + '">' + (item.Name || "") + '</a></td>';
|
||||||
|
|
||||||
if (options.showAlbum) {
|
if (options.showAlbum) {
|
||||||
html += '<td><a href="itemdetails.html?id=' + item.ParentId + '">' + item.Album + '</a></td>';
|
html += '<td><a href="itemdetails.html?id=' + item.ParentId + '">' + item.Album + '</a></td>';
|
||||||
|
@ -234,7 +234,7 @@
|
||||||
return html;
|
return html;
|
||||||
},
|
},
|
||||||
|
|
||||||
getHref: function (item) {
|
getHref: function (item, itemByNameContext) {
|
||||||
|
|
||||||
if (item.url) {
|
if (item.url) {
|
||||||
return item.url;
|
return item.url;
|
||||||
|
@ -253,16 +253,16 @@
|
||||||
return "itemdetails.html?id=" + item.Id;
|
return "itemdetails.html?id=" + item.Id;
|
||||||
}
|
}
|
||||||
if (item.Type == "Genre") {
|
if (item.Type == "Genre") {
|
||||||
return "itembynamedetails.html?genre=" + item.Name;
|
return "itembynamedetails.html?genre=" + item.Name + "&context=" + itemByNameContext;
|
||||||
}
|
}
|
||||||
if (item.Type == "Studio") {
|
if (item.Type == "Studio") {
|
||||||
return "itembynamedetails.html?studio=" + item.Name;
|
return "itembynamedetails.html?studio=" + item.Name + "&context=" + itemByNameContext;
|
||||||
}
|
}
|
||||||
if (item.Type == "Person") {
|
if (item.Type == "Person") {
|
||||||
return "itembynamedetails.html?person=" + item.Name;
|
return "itembynamedetails.html?person=" + item.Name + "&context=" + itemByNameContext;
|
||||||
}
|
}
|
||||||
if (item.Type == "Artist") {
|
if (item.Type == "Artist") {
|
||||||
return "itembynamedetails.html?artist=" + item.Name;
|
return "itembynamedetails.html?artist=" + item.Name + "&context=" + itemByNameContext;
|
||||||
}
|
}
|
||||||
|
|
||||||
return item.IsFolder ? (item.Id ? "itemList.html?parentId=" + item.Id : "#") : "itemdetails.html?id=" + item.Id;
|
return item.IsFolder ? (item.Id ? "itemList.html?parentId=" + item.Id : "#") : "itemdetails.html?id=" + item.Id;
|
||||||
|
@ -397,7 +397,7 @@
|
||||||
|
|
||||||
var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText";
|
var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText";
|
||||||
|
|
||||||
html += "<div class='" + cssClass + "'><a href='" + LibraryBrowser.getHref(item) + "'>";
|
html += "<div class='" + cssClass + "'><a href='" + LibraryBrowser.getHref(item, "tv") + "'>";
|
||||||
|
|
||||||
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||||
html += "<img src='" + ApiClient.getImageUrl(item.Id, {
|
html += "<img src='" + ApiClient.getImageUrl(item.Id, {
|
||||||
|
@ -1121,7 +1121,7 @@
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
renderStudios: function (elem, item) {
|
renderStudios: function (elem, item, context) {
|
||||||
|
|
||||||
if (item.Studios && item.Studios.length) {
|
if (item.Studios && item.Studios.length) {
|
||||||
|
|
||||||
|
@ -1133,7 +1133,7 @@
|
||||||
html += ' / ';
|
html += ' / ';
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
|
html += '<a href="itembynamedetails.html?context=' + context + '&studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
|
||||||
}
|
}
|
||||||
|
|
||||||
elem.show().html(html).trigger('create');
|
elem.show().html(html).trigger('create');
|
||||||
|
@ -1144,7 +1144,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
renderGenres: function (elem, item) {
|
renderGenres: function (elem, item, context) {
|
||||||
|
|
||||||
if (item.Genres && item.Genres.length) {
|
if (item.Genres && item.Genres.length) {
|
||||||
var html = 'Genres: ';
|
var html = 'Genres: ';
|
||||||
|
@ -1155,7 +1155,7 @@
|
||||||
html += ' / ';
|
html += ' / ';
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '<a href="itembynamedetails.html?genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
|
html += '<a href="itembynamedetails.html?context=' + context + '&genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
|
||||||
}
|
}
|
||||||
|
|
||||||
elem.show().html(html).trigger('create');
|
elem.show().html(html).trigger('create');
|
||||||
|
@ -1211,7 +1211,7 @@
|
||||||
|
|
||||||
var cssClass = showText ? "posterViewItem" : "posterViewItem posterViewItemWithNoText";
|
var cssClass = showText ? "posterViewItem" : "posterViewItem posterViewItemWithNoText";
|
||||||
|
|
||||||
html += "<div class='" + cssClass + "'><a href='" + LibraryBrowser.getHref(item) + "'>";
|
html += "<div class='" + cssClass + "'><a href='" + LibraryBrowser.getHref(item, "games") + "'>";
|
||||||
|
|
||||||
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
|
||||||
html += "<img src='" + ApiClient.getImageUrl(item.Id, {
|
html += "<img src='" + ApiClient.getImageUrl(item.Id, {
|
||||||
|
@ -1399,13 +1399,13 @@
|
||||||
return html;
|
return html;
|
||||||
},
|
},
|
||||||
|
|
||||||
createCastImage: function (cast) {
|
createCastImage: function (cast, context) {
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
var role = cast.Role || cast.Type;
|
var role = cast.Role || cast.Type;
|
||||||
|
|
||||||
html += '<a href="itembynamedetails.html?person=' + cast.Name + '">';
|
html += '<a href="itembynamedetails.html?context=' + context + '&person=' + cast.Name + '">';
|
||||||
html += '<div class="posterViewItem posterViewItemWithDualText">';
|
html += '<div class="posterViewItem posterViewItemWithDualText">';
|
||||||
|
|
||||||
if (cast.PrimaryImageTag) {
|
if (cast.PrimaryImageTag) {
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Movie",
|
countNameSingular: "Movie",
|
||||||
countNamePlural: "Movies"
|
countNamePlural: "Movies",
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -27,7 +27,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Movie",
|
countNameSingular: "Movie",
|
||||||
countNamePlural: "Movies"
|
countNamePlural: "Movies",
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -28,13 +28,15 @@
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
preferBackdrop: true
|
preferBackdrop: true,
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else if (view == "Poster") {
|
else if (view == "Poster") {
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Movie",
|
countNameSingular: "Movie",
|
||||||
countNamePlural: "Movies"
|
countNamePlural: "Movies",
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -28,13 +28,15 @@
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
preferBackdrop: true
|
preferBackdrop: true,
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else if (view == "Poster") {
|
else if (view == "Poster") {
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "movies"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,8 @@
|
||||||
|
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "music"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -27,7 +27,8 @@
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Song",
|
countNameSingular: "Song",
|
||||||
countNamePlural: "Songs",
|
countNamePlural: "Songs",
|
||||||
preferBackdrop: true
|
preferBackdrop: true,
|
||||||
|
context: "music"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Song",
|
countNameSingular: "Song",
|
||||||
countNamePlural: "Songs"
|
countNamePlural: "Songs",
|
||||||
|
context: "music"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Show",
|
countNameSingular: "Show",
|
||||||
countNamePlural: "Shows"
|
countNamePlural: "Shows",
|
||||||
|
context: "tv"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -27,7 +27,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Show",
|
countNameSingular: "Show",
|
||||||
countNamePlural: "Shows"
|
countNamePlural: "Shows",
|
||||||
|
context: "tv"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
|
@ -28,13 +28,15 @@
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
preferBackdrop: true
|
preferBackdrop: true,
|
||||||
|
context: "tv"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else if (view == "Poster") {
|
else if (view == "Poster") {
|
||||||
html += LibraryBrowser.getPosterDetailViewHtml({
|
html += LibraryBrowser.getPosterDetailViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true
|
useAverageAspectRatio: true,
|
||||||
|
context: "tv"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,8 @@
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
useAverageAspectRatio: true,
|
useAverageAspectRatio: true,
|
||||||
countNameSingular: "Show",
|
countNameSingular: "Show",
|
||||||
countNamePlural: "Shows"
|
countNamePlural: "Shows",
|
||||||
|
context: "tv"
|
||||||
});
|
});
|
||||||
|
|
||||||
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue