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

a little attention to the games page

Browse source
This commit is contained in:
Luke Pulverenti 2013-09-08 17:16:13 -04:00
parent 5783b78b08
commit 866c468d7e
4 changed files with 94 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

13
dashboard-ui/gamesrecommended.html
View file

@ -21,10 +21,17 @@
<div id="recentlyAddedItems"> <div id="recentlyAddedItems">
</div> </div>
<div id="resumableSection" style="display: none;"> <div id="recentlyPlayedSection" style="display: none;">
<h1 class="listHeader">Latest Played Games</h1> <h1 class="listHeader">Recently Played Games</h1>
<div id="resumableItems"> <div id="recentlyPlayedItems">
</div>
</div>
<div id="frequentlyPlayedSection" style="display: none;">
<h1 class="listHeader">Frequently Played Games</h1>
<div id="frequentlyPlayedItems">
</div> </div>
</div> </div>
</td> </td>

2
dashboard-ui/scripts/gamespage.js
View file

@ -10,7 +10,7 @@
SortOrder: "Ascending", SortOrder: "Ascending",
MediaTypes: "Game", MediaTypes: "Game",
Recursive: true, Recursive: true,
Fields: "UserData,DisplayMediaType,Genres,Studios", Fields: "UserData,DisplayMediaType,Genres,Studios,PrimaryImageAspectRatio",
StartIndex: 0 StartIndex: 0
}; };

111
dashboard-ui/scripts/gamesrecommendedpage.js
View file

@ -1,52 +1,91 @@
(function ($, document) { (function ($, document) {
$(document).on('pagebeforeshow', "#gamesRecommendedPage", function () { $(document).on('pagebeforeshow', "#gamesRecommendedPage", function () {
var page = this; var page = this;
var options = { var options = {
SortBy: "DateCreated", SortBy: "DateCreated",
SortOrder: "Descending", SortOrder: "Descending",
MediaTypes: "Game", MediaTypes: "Game",
Limit: 5, Limit: 5,
Recursive: true, Recursive: true,
Fields: "PrimaryImageAspectRatio", Fields: "PrimaryImageAspectRatio",
Filters: "IsUnplayed" Filters: "IsUnplayed"
}; };
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) { ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
$('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({ $('#recentlyAddedItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
useAverageAspectRatio: true, useAverageAspectRatio: true,
showNewIndicator: false, showNewIndicator: false,
transparent: true transparent: true,
})); borderless: true,
imagePosition: 'center center'
}));
}); });
options = { options = {
SortBy: "DatePlayed", SortBy: "DatePlayed",
SortOrder: "Descending", SortOrder: "Descending",
MediaTypes: "Game", MediaTypes: "Game",
Limit: 5, Limit: 5,
Recursive: true, Recursive: true,
Fields: "PrimaryImageAspectRatio", Fields: "PrimaryImageAspectRatio",
Filters: "IsPlayed" Filters: "IsPlayed"
}; };
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) { ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({ if (result.Items.length) {
items: result.Items, $('#recentlyPlayedSection', page).show();
useAverageAspectRatio: true, } else {
transparent: true $('#recentlyPlayedSection', page).hide();
})); }
}); $('#recentlyPlayedItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
useAverageAspectRatio: true,
transparent: true,
borderless: true,
imagePosition: 'center center'
}));
}); });
options = {
SortBy: "PlayCount",
SortOrder: "Descending",
MediaTypes: "Game",
Limit: 5,
Recursive: true,
Fields: "PrimaryImageAspectRatio",
Filters: "IsPlayed"
};
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
if (result.Items.length) {
$('#frequentlyPlayedSection', page).show();
} else {
$('#frequentlyPlayedSection', page).hide();
}
$('#frequentlyPlayedItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
useAverageAspectRatio: true,
transparent: true,
borderless: true,
imagePosition: 'center center'
}));
});
});
})(jQuery, document); })(jQuery, document);

8
dashboard-ui/scripts/librarybrowser.js
View file

@ -640,6 +640,10 @@
cssClass += " transparentPosterItem"; cssClass += " transparentPosterItem";
} }
if (options.borderless) {
cssClass += " borderlessPosterItem";
}
cssClass += ' ' + options.shape + 'PosterItem'; cssClass += ' ' + options.shape + 'PosterItem';
html += '<a class="' + cssClass + '" href="' + LibraryBrowser.getHref(item, options.context) + '">'; html += '<a class="' + cssClass + '" href="' + LibraryBrowser.getHref(item, options.context) + '">';
@ -654,6 +658,10 @@
style += "background-color:" + background + ";"; style += "background-color:" + background + ";";
} }
if (options.imagePosition) {
style += "background-position:" + options.imagePosition + ";";
}
html += '<div class="posterItemImage" style="' + style + '"></div>'; html += '<div class="posterItemImage" style="' + style + '"></div>';
var name = LibraryBrowser.getPosterViewDisplayName(item); var name = LibraryBrowser.getPosterViewDisplayName(item);