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

a little attention to the games page

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

View file

@ -21,10 +21,17 @@
<div id="recentlyAddedItems">
</div>
<div id="resumableSection" style="display: none;">
<h1 class="listHeader">Latest Played Games</h1>
<div id="recentlyPlayedSection" style="display: none;">
<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>
</td>

View file

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

View file

@ -21,7 +21,9 @@
items: result.Items,
useAverageAspectRatio: true,
showNewIndicator: false,
transparent: true
transparent: true,
borderless: true,
imagePosition: 'center center'
}));
});
@ -39,10 +41,47 @@
ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
$('#resumableItems', page).html(LibraryBrowser.getPosterViewHtml({
if (result.Items.length) {
$('#recentlyPlayedSection', page).show();
} else {
$('#recentlyPlayedSection', page).hide();
}
$('#recentlyPlayedItems', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
useAverageAspectRatio: true,
transparent: 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'
}));
});

View file

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