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

begin unifying card layouts

Browse source
This commit is contained in:
Luke Pulverenti 2016-07-29 16:06:58 -04:00
parent 6503c7c6f8
commit 07d49e2573
34 changed files with 216 additions and 2228 deletions
Download patch file Download diff file Expand all files Collapse all files

131
dashboard-ui/scripts/moviesrecommended.js
View file

@ -1,14 +1,4 @@
define(['libraryBrowser', 'components/categorysyncbuttons', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons) {
function getView() {
return 'Poster';
}
function getResumeView() {
return 'Thumb';
}
define(['libraryBrowser', 'components/categorysyncbuttons', 'cardBuilder', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons, cardBuilder) {
function enableScrollX() {
return browserInfo.mobile && AppInfo.enableAppLayouts;
@ -37,39 +27,13 @@
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
var view = getView();
var html = '';
if (view == 'PosterCard') {
html += libraryBrowser.getPosterViewHtml({
items: items,
lazy: true,
shape: getPortraitShape(),
overlayText: false,
showTitle: true,
showYear: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (view == 'Poster') {
html += libraryBrowser.getPosterViewHtml({
items: items,
shape: getPortraitShape(),
centerText: true,
lazy: true,
overlayText: false,
showDetailsMenu: true,
overlayPlayButton: true
});
}
var recentlyAddedItems = page.querySelector('#recentlyAddedItems');
recentlyAddedItems.innerHTML = html;
ImageLoader.lazyChildren(recentlyAddedItems);
var container = page.querySelector('#recentlyAddedItems');
cardBuilder.buildCards(items, {
itemsContainer: container,
shape: getPortraitShape(),
scalable: true,
overlayPlayButton: true
});
});
}
@ -101,40 +65,14 @@
page.querySelector('#resumableSection').classList.add('hide');
}
var view = getResumeView();
var html = '';
if (view == 'ThumbCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: getThumbShape(),
showTitle: true,
showYear: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (view == 'Thumb') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
preferThumb: true,
shape: getThumbShape(),
overlayText: true,
showTitle: false,
lazy: true,
showDetailsMenu: true,
overlayPlayButton: true
});
}
var resumableItems = page.querySelector('#resumableItems');
resumableItems.innerHTML = html;
ImageLoader.lazyChildren(resumableItems);
var container = page.querySelector('#resumableItems');
cardBuilder.buildCards(result.Items, {
itemsContainer: container,
preferThumb: true,
shape: getThumbShape(),
scalable: true,
overlayPlayButton: true
});
});
}
@ -167,38 +105,17 @@
html += '<h1 class="listHeader">' + title + '</h1>';
if (enableScrollX()) {
html += '<div is="emby-itemscontainer" class="hiddenScrollX">';
html += '<div is="emby-itemscontainer" class="itemsContainer hiddenScrollX">';
} else {
html += '<div is="emby-itemscontainer">';
html += '<div is="emby-itemscontainer" class="itemsContainer verticalItemsContainer">';
}
var view = getView();
html += cardBuilder.getCardsHtml(recommendation.Items, {
shape: getPortraitShape(),
scalable: true,
overlayPlayButton: true
});
if (view == 'PosterCard') {
html += libraryBrowser.getPosterViewHtml({
items: recommendation.Items,
lazy: true,
shape: getPortraitShape(),
overlayText: false,
showTitle: true,
showYear: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (view == 'Poster') {
html += libraryBrowser.getPosterViewHtml({
items: recommendation.Items,
shape: getPortraitShape(),
centerText: true,
lazy: true,
showDetailsMenu: true,
overlayPlayButton: true
});
}
html += '</div>';
html += '</div>';
@ -244,8 +161,10 @@
for (var i = 0, length = containers.length; i < length; i++) {
if (enableScrollX()) {
containers[i].classList.add('hiddenScrollX');
containers[i].classList.remove('verticalItemsContainer');
} else {
containers[i].classList.remove('hiddenScrollX');
containers[i].classList.add('verticalItemsContainer');
}
}
}