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

handle flat tv folders

Browse source
This commit is contained in:
Luke Pulverenti 2016-05-22 18:37:50 -04:00
parent 464dca5b92
commit d3f8229d04
3 changed files with 116 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

81
dashboard-ui/scripts/tvlatest.js Normal file
View file

@ -0,0 +1,81 @@
define([], function () {
function getView() {
return 'Thumb';
}
function loadLatest(context, params) {
Dashboard.showLoadingMsg();
var userId = Dashboard.getCurrentUserId();
var parentId = params.topParentId;
var options = {
IncludeItemTypes: "Episode",
Limit: 30,
Fields: "PrimaryImageAspectRatio,SyncInfo",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
var view = getView();
var html = '';
if (view == 'ThumbCard') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
showParentTitle: true,
lazy: true,
showTitle: true,
cardLayout: true
});
} else if (view == 'Thumb') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: "backdrop",
preferThumb: true,
inheritThumb: false,
showParentTitle: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
centerText: true,
lazy: true,
showTitle: false,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = context.querySelector('#latestEpisodes');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
});
}
return function (view, params, tabContent) {
var self = this;
self.renderTab = function() {
loadLatest(tabContent, params);
};
};
});

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

@ -20,79 +20,13 @@
loadResume();
loadNextUp();
loadLatest();
}
function loadLatest() {
Dashboard.showLoadingMsg();
var userId = Dashboard.getCurrentUserId();
var parentId = params.topParentId;
var options = {
IncludeItemTypes: "Episode",
Limit: 30,
Fields: "PrimaryImageAspectRatio,SyncInfo",
ParentId: parentId,
ImageTypeLimit: 1,
EnableImageTypes: "Primary,Backdrop,Banner,Thumb"
};
ApiClient.getJSON(ApiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
var viewStyle = getView();
var html = '';
if (viewStyle == 'ThumbCard') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: getThumbShape(),
preferThumb: true,
inheritThumb: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
showParentTitle: true,
lazy: true,
showTitle: true,
cardLayout: true
});
} else if (viewStyle == 'Thumb') {
html += LibraryBrowser.getPosterViewHtml({
items: items,
shape: getThumbShape(),
preferThumb: true,
inheritThumb: false,
showParentTitle: false,
showUnplayedIndicator: false,
showChildCountIndicator: true,
overlayText: false,
centerText: true,
lazy: true,
showTitle: false,
overlayPlayButton: AppInfo.enableAppLayouts
});
}
var elem = view.querySelector('#latestEpisodes');
elem.innerHTML = html;
ImageLoader.lazyChildren(elem);
Dashboard.hideLoadingMsg();
});
}
function loadNextUp() {
var query = {
Limit: enableScrollX() ? 24 : 15,
Limit: 24,
Fields: "PrimaryImageAspectRatio,SeriesInfo,DateCreated,SyncInfo",
UserId: Dashboard.getCurrentUserId(),
ImageTypeLimit: 1,
@ -116,7 +50,7 @@
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
shape: "backdrop",
showTitle: true,
preferThumb: true,
showParentTitle: true,
@ -129,7 +63,7 @@
html += libraryBrowser.getPosterViewHtml({
items: result.Items,
shape: getThumbShape(),
shape: "backdrop",
showTitle: true,
showParentTitle: true,
overlayText: false,
@ -160,7 +94,7 @@
var parentId = LibraryMenu.getTopParentId();
var screenWidth = window.innerWidth;
var limit = 6;
var options = {
@ -168,7 +102,7 @@
SortOrder: "Descending",
IncludeItemTypes: "Episode",
Filters: "IsResumable",
Limit: screenWidth >= 1920 ? 5 : (screenWidth >= 1600 ? 4 : 3),
Limit: limit,
Recursive: true,
Fields: "PrimaryImageAspectRatio,SeriesInfo,UserData,SyncInfo",
ExcludeLocationTypes: "Virtual",
@ -226,23 +160,12 @@
self.initTab = function () {
var tabContent = self.tabContent;
var resumableItems = tabContent.querySelector('#resumableItems');
var nextUpItems = tabContent.querySelector('#nextUpItems');
var latestEpisodes = tabContent.querySelector('#latestEpisodes');
if (enableScrollX()) {
resumableItems.classList.add('hiddenScrollX');
nextUpItems.classList.add('hiddenScrollX');
latestEpisodes.classList.add('hiddenScrollX');
tabContent.querySelector('#resumableItems').classList.add('hiddenScrollX');
} else {
resumableItems.classList.remove('hiddenScrollX');
nextUpItems.classList.remove('hiddenScrollX');
latestEpisodes.classList.remove('hiddenScrollX');
tabContent.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
libraryBrowser.createCardMenus(resumableItems);
libraryBrowser.createCardMenus(nextUpItems);
libraryBrowser.createCardMenus(latestEpisodes);
libraryBrowser.createCardMenus(tabContent.querySelector('#resumableItems'));
};
self.renderTab = function () {
@ -262,18 +185,21 @@
case 0:
break;
case 1:
depends.push('scripts/tvupcoming');
depends.push('scripts/tvlatest');
break;
case 2:
depends.push('scripts/tvshows');
depends.push('scripts/tvupcoming');
break;
case 3:
depends.push('scripts/episodes');
depends.push('scripts/tvshows');
break;
case 4:
depends.push('scripts/tvgenres');
depends.push('scripts/episodes');
break;
case 5:
depends.push('scripts/tvgenres');
break;
case 6:
depends.push('scripts/tvstudios');
break;
default:
@ -322,6 +248,11 @@
baseUrl += '?topParentId=' + topParentId;
}
if (enableScrollX()) {
view.querySelector('#resumableItems').classList.add('hiddenScrollX');
} else {
view.querySelector('#resumableItems').classList.remove('hiddenScrollX');
}
libraryBrowser.createCardMenus(view.querySelector('#resumableItems'));
libraryBrowser.configurePaperLibraryTabs(view, mdlTabs, view.querySelectorAll('.pageTabContent'), [0, 1, 2, 4, 5, 6]);

27
dashboard-ui/tv.html
View file

@ -2,11 +2,12 @@
<div class="libraryViewNav">
<button class="pageTabButton is-active" data-index="0">${TabSuggestions}</button>
<button class="pageTabButton" data-index="1">${TabUpcoming}</button>
<button class="pageTabButton" data-index="2">${TabShows}</button>
<button class="pageTabButton tvEpisodesTab" data-index="3">${TabEpisodes}</button>
<button class="pageTabButton" data-index="4">${TabGenres}</button>
<button class="pageTabButton" data-index="5">${TabNetworks}</button>
<button class="pageTabButton" data-index="1">${TabLatest}</button>
<button class="pageTabButton" data-index="2">${TabUpcoming}</button>
<button class="pageTabButton" data-index="3">${TabShows}</button>
<button class="pageTabButton tvEpisodesTab" data-index="4">${TabEpisodes}</button>
<button class="pageTabButton" data-index="5">${TabGenres}</button>
<button class="pageTabButton" data-index="6">${TabNetworks}</button>
</div>
<div class="is-active pageTabContent ehsContent" id="suggestionsTab" data-index="0">
<div id="resumableSection" class="homePageSection">
@ -24,20 +25,22 @@
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="nextUpItems" class="itemsContainer noautoinit">
<div id="nextUpItems" class="itemsContainer">
</div>
</div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
</div>
<div class="pageTabContent ehsContent" id="latestTab" data-index="1">
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestEpisodes}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="latestEpisodes" class="itemsContainer noautoinit">
<div id="latestEpisodes" class="itemsContainer">
</div>
</div>
</div>
<div class="pageTabContent ehsContent" id="upcomingTab" data-index="1">
<div class="pageTabContent ehsContent" id="upcomingTab" data-index="2">
<div id="upcomingItems">
</div>
<div class="noItemsMessage" style="display: none;">
@ -47,7 +50,7 @@
</p>
</div>
</div>
<div class="pageTabContent ehsContent" id="seriesTab" data-index="2">
<div class="pageTabContent ehsContent" id="seriesTab" data-index="3">
<div style="text-align: center;padding:.7em 0;">
<div style="text-align: center; display: flex; align-items: center; justify-content: center;">
<div class="paging"></div>
@ -66,7 +69,7 @@
<div class="paging"></div>
</div>
</div>
<div class="pageTabContent ehsContent" id="episodesTab" data-index="3">
<div class="pageTabContent ehsContent" id="episodesTab" data-index="4">
<div style="text-align: center; display: flex; align-items: center; justify-content: center;">
<div class="paging"></div>
<button is="paper-icon-button-light" class="btnSelectView" title="${ButtonSelectView}"><iron-icon icon="view-comfy"></iron-icon></button>
@ -79,13 +82,13 @@
<div class="paging"></div>
</div>
</div>
<div class="pageTabContent ehsContent" id="genresTab" data-index="4">
<div class="pageTabContent ehsContent" id="genresTab" data-index="5">
<div style="text-align: center; display: flex; align-items: center; justify-content: center;">
<button is="paper-icon-button-light" class="btnSelectView" title="${ButtonSelectView}"><iron-icon icon="view-comfy"></iron-icon></button>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div class="pageTabContent ehsContent" id="studiosTab" data-index="5">
<div class="pageTabContent ehsContent" id="studiosTab" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>