1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

filled genre/studio pages

This commit is contained in:
Luke Pulverenti 2013-04-11 18:33:49 -04:00
parent b90eabc00a
commit 62ee9f124c
8 changed files with 144 additions and 9 deletions

View file

@ -325,7 +325,7 @@
return '<div class="posterRibbon">' + item.RecentlyAddedItemCount + ' New</div>';
}
if (!item.IsFolder) {
if (!item.IsFolder && item.Type !== "Genre" && item.Type !== "Studio" && item.Type !== "Person") {
var date = item.DateCreated;

View file

@ -1 +1,60 @@

(function ($, document) {
// The base query options
var query = {
SortBy: "SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Movie",
Recursive: true,
Fields: "PrimaryImageAspectRatio,ItemCounts,DateCreated,UserData",
Limit: LibraryBrowser.getDetaultPageSize(),
StartIndex: 0
};
function reloadItems(page) {
Dashboard.showLoadingMsg();
ApiClient.getStudios(Dashboard.getCurrentUserId(), query).done(function (result) {
var html = '';
var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) {
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items,
useAverageAspectRatio: true,
countNameSingular: "Movie",
countNamePlural: "Movies"
});
if (showPaging) {
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
}
var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page);
});
Dashboard.hideLoadingMsg();
});
}
$(document).on('pagebeforeshow', "#movieStudiosPage", function () {
reloadItems(this);
}).on('pageshow', "#movieStudiosPage", function () {
});
})(jQuery, document);

View file

@ -1 +1,60 @@

(function ($, document) {
// The base query options
var query = {
SortBy: "SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Series",
Recursive: true,
Fields: "PrimaryImageAspectRatio,ItemCounts,DateCreated,UserData",
Limit: LibraryBrowser.getDetaultPageSize(),
StartIndex: 0
};
function reloadItems(page) {
Dashboard.showLoadingMsg();
ApiClient.getStudios(Dashboard.getCurrentUserId(), query).done(function (result) {
var html = '';
var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) {
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items,
useAverageAspectRatio: true,
countNameSingular: "Show",
countNamePlural: "Shows"
});
if (showPaging) {
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
}
var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page);
});
Dashboard.hideLoadingMsg();
});
}
$(document).on('pagebeforeshow', "#tvStudiosPage", function () {
reloadItems(this);
}).on('pageshow', "#tvStudiosPage", function () {
});
})(jQuery, document);

View file

@ -13,6 +13,7 @@
<a href="tvshows.html" data-role="button">Shows</a>
<a href="tvgenres.html" data-role="button" class="ui-btn-active">Genres</a>
<a href="#" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button">Networks</a>
</div>
<div class="viewSettings">
</div>

View file

@ -13,6 +13,7 @@
<a href="tvshows.html" data-role="button">Shows</a>
<a href="tvgenres.html" data-role="button">Genres</a>
<a href="#" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button">Networks</a>
</div>
<div class="ehsContent">
<h1 class="listHeader firstListHeader">Latest Unwatched Episodes</h1>

View file

@ -15,6 +15,7 @@
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
<a href="tvgenres.html" data-role="button">Genres</a>
<a href="#" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button">Networks</a>
</div>
<div class="detailPagePrimaryInfo">

View file

@ -13,6 +13,7 @@
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
<a href="tvgenres.html" data-role="button">Genres</a>
<a href="#" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button">Networks</a>
</div>
<div class="viewSettings">
<div style="display: inline-block;">

View file

@ -1,11 +1,24 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta charset="utf-8" />
<title></title>
<title>Media Browser</title>
</head>
<body>
<div id="tvStudiosPage" data-role="page" class="page libraryPage noLogoPage listPage" data-theme="a">
<h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
<img src="css/images/home.png"></a>TV Shows</h1>
<div data-role="content">
<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="#" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button" class="ui-btn-active">Networks</a>
</div>
<div class="viewSettings">
</div>
<div id="items"></div>
</div>
</div>
</body>
</html>