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

113
dashboard-ui/scripts/tvrecommended.js
View file

@ -1,19 +1,9 @@
define(['libraryBrowser', 'components/categorysyncbuttons', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons) {
define(['libraryBrowser', 'components/categorysyncbuttons', 'cardBuilder', 'scrollStyles', 'emby-itemscontainer'], function (libraryBrowser, categorysyncbuttons, cardBuilder) {
return function (view, params) {
var self = this;
function getView() {
return 'Thumb';
}
function getResumeView() {
return 'Poster';
}
function reload() {
Dashboard.showLoadingMsg();
@ -43,41 +33,19 @@
view.querySelector('.noNextUpItems').classList.remove('hide');
}
var viewStyle = getView();
var html = '';
var container = view.querySelector('#nextUpItems');
cardBuilder.buildCards(result.Items, {
itemsContainer: container,
preferThumb: true,
shape: "backdrop",
scalable: true,
showTitle: true,
showParentTitle: true,
overlayText: false,
centerText: true,
overlayPlayButton: AppInfo.enableAppLayouts
});
if (viewStyle == 'ThumbCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
preferThumb: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true
});
} else if (viewStyle == 'Thumb') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
showTitle: true,
showParentTitle: true,
overlayText: false,
lazy: true,
preferThumb: true,
showDetailsMenu: true,
centerText: true,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = view.querySelector('#nextUpItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
});
}
@ -120,50 +88,33 @@
view.querySelector('#resumableSection').classList.add('hide');
}
var viewStyle = getResumeView();
var html = '';
if (viewStyle == 'PosterCard') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
cardLayout: true,
showDetailsMenu: true,
preferThumb: true
});
} else if (viewStyle == 'Poster') {
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
showTitle: true,
showParentTitle: true,
lazy: true,
showDetailsMenu: true,
overlayPlayButton: true,
preferThumb: true,
centerText: true
});
}
var elem = view.querySelector('#resumableItems');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
var container = view.querySelector('#resumableItems');
cardBuilder.buildCards(result.Items, {
itemsContainer: container,
preferThumb: true,
shape: getThumbShape(),
scalable: true,
showTitle: true,
showParentTitle: true,
overlayText: false,
centerText: true,
overlayPlayButton: true
});
});
}
self.initTab = function () {
var tabContent = self.tabContent;
var resumableItemsContainer = tabContent.querySelector('#resumableItems');
if (enableScrollX()) {
tabContent.querySelector('#resumableItems').classList.add('hiddenScrollX');
resumableItemsContainer.classList.add('hiddenScrollX');
resumableItemsContainer.classList.remove('verticalItemsContainer');
} else {
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
resumableItemsContainer.classList.remove('hiddenScrollX');
resumableItemsContainer.classList.add('verticalItemsContainer');
}
categorysyncbuttons.init(tabContent);