mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
split movie scripts
This commit is contained in:
parent
41a15fa8b3
commit
682a643ba6
8 changed files with 111 additions and 153 deletions
|
@ -4,7 +4,7 @@
|
||||||
<title>Emby</title>
|
<title>Emby</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="moviesPage" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended,scripts/moviestudios,scripts/moviepeople,scripts/moviegenres,scripts/movietrailers,scripts/queryfilters,scripts/movies,scripts/moviecollections">
|
<div id="moviesPage" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended">
|
||||||
|
|
||||||
<div class="libraryViewNav libraryViewNavWithMinHeight">
|
<div class="libraryViewNav libraryViewNavWithMinHeight">
|
||||||
<paper-tabs style="display:none;min-width:770px;margin:auto;">
|
<paper-tabs style="display:none;min-width:770px;margin:auto;">
|
||||||
|
|
|
@ -68,7 +68,6 @@
|
||||||
|
|
||||||
})).trigger('create');
|
})).trigger('create');
|
||||||
|
|
||||||
updateFilterControls(page);
|
|
||||||
var trigger = false;
|
var trigger = false;
|
||||||
|
|
||||||
if (result.TotalRecordCount) {
|
if (result.TotalRecordCount) {
|
||||||
|
@ -165,10 +164,6 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateFilterControls(tabContent) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function initPage(tabContent) {
|
function initPage(tabContent) {
|
||||||
|
|
||||||
$('select.selectView').on('change', function () {
|
$('select.selectView').on('change', function () {
|
||||||
|
@ -182,28 +177,6 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
|
||||||
|
|
||||||
var page = this;
|
|
||||||
var index = 3;
|
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
|
||||||
|
|
||||||
if (!tabContent.initComplete) {
|
|
||||||
initPage(tabContent);
|
|
||||||
tabContent.initComplete = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
reloadItems(tabContent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#boxsetsPage", function () {
|
$(document).on('pageinitdepends', "#boxsetsPage", function () {
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
@ -219,7 +192,18 @@
|
||||||
var content = page;
|
var content = page;
|
||||||
|
|
||||||
reloadItems(content);
|
reloadItems(content);
|
||||||
updateFilterControls(content);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
window.MoviesPage = window.MoviesPage || {};
|
||||||
|
window.MoviesPage.renderCollectionsTab = function (page, tabContent) {
|
||||||
|
|
||||||
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
|
reloadItems(tabContent);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
window.MoviesPage.initCollectionsTab = function (page, tabContent) {
|
||||||
|
|
||||||
|
initPage(tabContent);
|
||||||
|
};
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
|
@ -60,7 +60,6 @@
|
||||||
|
|
||||||
})).trigger('create');
|
})).trigger('create');
|
||||||
|
|
||||||
updateFilterControls(page);
|
|
||||||
var trigger = false;
|
var trigger = false;
|
||||||
|
|
||||||
if (view == "List") {
|
if (view == "List") {
|
||||||
|
@ -146,32 +145,11 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateFilterControls(page) {
|
window.MoviesPage.renderGenresTab = function (page, tabContent) {
|
||||||
|
|
||||||
}
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
|
reloadItems(tabContent);
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
}
|
||||||
|
};
|
||||||
var page = this;
|
|
||||||
var index = 4;
|
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
|
||||||
|
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
|
||||||
if (!tabContent.initComplete) {
|
|
||||||
tabContent.initComplete = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
reloadItems(tabContent);
|
|
||||||
updateFilterControls();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
|
@ -159,27 +159,19 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
window.MoviesPage.initPeopleTab = function (page, tabContent) {
|
||||||
|
|
||||||
var page = this;
|
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||||
var index = 5;
|
initPage(tabContent, viewPanel);
|
||||||
|
};
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
window.MoviesPage.renderPeopleTab = function (page, tabContent) {
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
|
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||||
var viewPanel = page.querySelector('.peopleViewPanel');
|
reloadItems(tabContent, viewPanel);
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
updateFilterControls(tabContent, viewPanel);
|
||||||
if (!tabContent.initComplete) {
|
}
|
||||||
initPage(tabContent, viewPanel);
|
};
|
||||||
tabContent.initComplete = true;
|
|
||||||
}
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
reloadItems(tabContent, viewPanel);
|
|
||||||
updateFilterControls(tabContent, viewPanel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
|
@ -442,30 +442,19 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
window.MoviesPage.initMoviesTab = function (page, tabContent) {
|
||||||
|
|
||||||
var page = this;
|
var viewPanel = page.querySelector('.movieViewPanel');
|
||||||
var index = 1;
|
initPage(tabContent, viewPanel);
|
||||||
|
};
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
window.MoviesPage.renderMoviesTab = function (page, tabContent) {
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
var viewPanel = page.querySelector('.viewPanel');
|
var viewPanel = page.querySelector('.movieViewPanel');
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
reloadItems(tabContent, viewPanel);
|
||||||
if (!tabContent.initComplete) {
|
updateFilterControls(tabContent, viewPanel);
|
||||||
initPage(tabContent, viewPanel);
|
}
|
||||||
tabContent.initComplete = true;
|
};
|
||||||
}
|
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
|
|
||||||
reloadItems(tabContent, viewPanel);
|
|
||||||
updateFilterControls(tabContent, viewPanel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
|
@ -231,43 +231,90 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadSuggestionsTab(page) {
|
function loadSuggestionsTab(page, tabContent) {
|
||||||
|
|
||||||
var parentId = LibraryMenu.getTopParentId();
|
var parentId = LibraryMenu.getTopParentId();
|
||||||
|
|
||||||
var userId = Dashboard.getCurrentUserId();
|
var userId = Dashboard.getCurrentUserId();
|
||||||
|
|
||||||
var containers = page.querySelectorAll('.itemsContainer');
|
var containers = tabContent.querySelectorAll('.itemsContainer');
|
||||||
if (enableScrollX()) {
|
if (enableScrollX()) {
|
||||||
$(containers).addClass('hiddenScrollX');
|
$(containers).addClass('hiddenScrollX');
|
||||||
} else {
|
} else {
|
||||||
$(containers).removeClass('hiddenScrollX');
|
$(containers).removeClass('hiddenScrollX');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(page)) {
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
loadResume(page, userId, parentId);
|
loadResume(tabContent, userId, parentId);
|
||||||
loadLatest(page, userId, parentId);
|
loadLatest(tabContent, userId, parentId);
|
||||||
|
|
||||||
if (AppInfo.enableMovieHomeSuggestions) {
|
if (AppInfo.enableMovieHomeSuggestions) {
|
||||||
loadSuggestions(page, userId, parentId);
|
loadSuggestions(tabContent, userId, parentId);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadTab(page, index) {
|
function loadTab(page, index) {
|
||||||
|
|
||||||
page = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
||||||
|
var depends = [];
|
||||||
|
var scope = 'MoviesPage';
|
||||||
|
var renderMethod = '';
|
||||||
|
var initMethod = '';
|
||||||
|
|
||||||
switch (index) {
|
switch (index) {
|
||||||
|
|
||||||
case 0:
|
case 0:
|
||||||
loadSuggestionsTab(page);
|
renderMethod = 'renderSuggestedTab';
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
depends.push('scripts/movies');
|
||||||
|
renderMethod = 'renderMoviesTab';
|
||||||
|
initMethod = 'initMoviesTab';
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
depends.push('scripts/movietrailers');
|
||||||
|
renderMethod = 'renderTrailerTab';
|
||||||
|
initMethod = 'initTrailerTab';
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
depends.push('scripts/moviecollections');
|
||||||
|
renderMethod = 'renderCollectionsTab';
|
||||||
|
initMethod = 'initCollectionsTab';
|
||||||
|
break;
|
||||||
|
case 4:
|
||||||
|
depends.push('scripts/moviegenres');
|
||||||
|
renderMethod = 'renderGenresTab';
|
||||||
|
break;
|
||||||
|
case 5:
|
||||||
|
depends.push('scripts/moviepeople');
|
||||||
|
renderMethod = 'renderPeopleTab';
|
||||||
|
initMethod = 'initPeopleTab';
|
||||||
|
break;
|
||||||
|
case 6:
|
||||||
|
depends.push('scripts/moviestudios');
|
||||||
|
renderMethod = 'renderStudiosTab';
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
require(depends, function () {
|
||||||
|
|
||||||
|
if (initMethod && !tabContent.initComplete) {
|
||||||
|
|
||||||
|
window[scope][initMethod](page, tabContent);
|
||||||
|
tabContent.initComplete = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
window[scope][renderMethod](page, tabContent);
|
||||||
|
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
window.MoviesPage = window.MoviesPage || {};
|
||||||
|
window.MoviesPage.renderSuggestedTab = loadSuggestionsTab;
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
$(document).on('pageinitdepends', "#moviesPage", function () {
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
|
|
@ -55,8 +55,6 @@
|
||||||
|
|
||||||
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
||||||
|
|
||||||
updateFilterControls();
|
|
||||||
|
|
||||||
html = LibraryBrowser.getPosterViewHtml({
|
html = LibraryBrowser.getPosterViewHtml({
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
shape: "backdrop",
|
shape: "backdrop",
|
||||||
|
@ -87,31 +85,11 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateFilterControls(page) {
|
window.MoviesPage.renderStudiosTab = function (page, tabContent) {
|
||||||
}
|
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
|
reloadItems(tabContent);
|
||||||
var page = this;
|
}
|
||||||
var index = 6;
|
};
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
|
||||||
|
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
|
||||||
if (!tabContent.initComplete) {
|
|
||||||
tabContent.initComplete = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
reloadItems(tabContent);
|
|
||||||
updateFilterControls();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
|
@ -185,29 +185,19 @@
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).on('pageinitdepends', "#moviesPage", function () {
|
window.MoviesPage.initTrailerTab = function (page, tabContent) {
|
||||||
|
|
||||||
var page = this;
|
var viewPanel = page.querySelector('.trailerViewPanel');
|
||||||
var index = 2;
|
initPage(page, tabContent, viewPanel);
|
||||||
|
};
|
||||||
|
|
||||||
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
|
window.MoviesPage.renderTrailerTab = function (page, tabContent) {
|
||||||
|
|
||||||
if (parseInt(this.selected) == index) {
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||||
|
var viewPanel = page.querySelector('.trailerViewPanel');
|
||||||
var viewPanel = page.querySelector('.trailerViewPanel');
|
reloadItems(tabContent, viewPanel);
|
||||||
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
|
updateFilterControls(tabContent, viewPanel);
|
||||||
if (!tabContent.initComplete) {
|
}
|
||||||
initPage(page, tabContent, viewPanel);
|
};
|
||||||
tabContent.initComplete = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
||||||
reloadItems(tabContent, viewPanel);
|
|
||||||
updateFilterControls(tabContent, viewPanel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, document);
|
})(jQuery, document);
|
Loading…
Add table
Add a link
Reference in a new issue