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

split up home page scripts

Browse source
This commit is contained in:
Luke Pulverenti 2015-08-18 11:35:51 -04:00
parent 42ff117d72
commit ceeb569571
5 changed files with 50 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

10
dashboard-ui/index.html
View file

@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<div id="indexPage" data-role="page" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/sections,scripts/indexpage,scripts/homenextup,scripts/favorites,scripts/homeupcoming,paperbuttonstyle"> <div id="indexPage" data-role="page" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage">
<div class="libraryViewNav libraryViewNavWithMinHeight"> <div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs style="display:none;"> <paper-tabs style="display:none;">
@ -26,7 +26,7 @@
<div class="ehsContent fullWidth"> <div class="ehsContent fullWidth">
<neon-animated-pages> <neon-animated-pages>
<neon-animatable> <neon-animatable>
<div class="pageTabContent homeTabContent"> <div class="pageTabContent homeTabContent" data-index="0">
<div class="ui-bar-b readOnlyContent welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;"> <div class="ui-bar-b readOnlyContent welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
<h1 style="margin-top: 0;" class="tourHeader"></h1> <h1 style="margin-top: 0;" class="tourHeader"></h1>
<p> <p>
@ -38,7 +38,7 @@
</div> </div>
</neon-animatable> </neon-animatable>
<neon-animatable> <neon-animatable>
<div class="pageTabContent homeNextUpTabContent"> <div class="pageTabContent homeNextUpTabContent" data-index="1">
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1> <h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1>
@ -51,12 +51,12 @@
</div> </div>
</neon-animatable> </neon-animatable>
<neon-animatable> <neon-animatable>
<div class="pageTabContent homeFavoritesTabContent"> <div class="pageTabContent homeFavoritesTabContent" data-index="2">
<div class="sections"></div> <div class="sections"></div>
</div> </div>
</neon-animatable> </neon-animatable>
<neon-animatable> <neon-animatable>
<div class="pageTabContent homeUpcomingTabContent"> <div class="pageTabContent homeUpcomingTabContent" data-index="3">
<div id="upcomingItems"> <div id="upcomingItems">
</div> </div>
<div class="noItemsMessage" style="display: none;"> <div class="noItemsMessage" style="display: none;">

14
dashboard-ui/scripts/favorites.js
View file

@ -141,20 +141,10 @@
}); });
} }
$(document).on('pageinitdepends', "#indexPage", function () { window.HomePage.renderFavorites = function (page, tabContent) {
var page = this;
var tabContent = page.querySelector('.homeFavoritesTabContent');
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
if (parseInt(this.selected) == 2) {
if (LibraryBrowser.needsRefresh(tabContent)) { if (LibraryBrowser.needsRefresh(tabContent)) {
loadSections(tabContent, Dashboard.getCurrentUserId()); loadSections(tabContent, Dashboard.getCurrentUserId());
} }
} };
});
});
})(jQuery, document); })(jQuery, document);

14
dashboard-ui/scripts/homenextup.js
View file

@ -78,20 +78,10 @@
}); });
} }
$(document).on('pageinitdepends', "#indexPage", function () { window.HomePage.renderNextUp = function (page, tabContent) {
var page = this;
var tabContent = page.querySelector('.homeNextUpTabContent');
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
if (parseInt(this.selected) == 1) {
if (LibraryBrowser.needsRefresh(tabContent)) { if (LibraryBrowser.needsRefresh(tabContent)) {
reload(tabContent); reload(tabContent);
} }
} };
});
});
})(jQuery, document); })(jQuery, document);

14
dashboard-ui/scripts/homeupcoming.js
View file

@ -120,20 +120,10 @@
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
} }
$(document).on('pageinitdepends', "#indexPage", function () { window.HomePage.renderUpcoming = function (page, tabContent) {
var page = this;
$(page.querySelector('neon-animated-pages')).on('tabchange', function () {
if (parseInt(this.selected) == 3) {
var tabContent = page.querySelector('.homeUpcomingTabContent');
if (LibraryBrowser.needsRefresh(tabContent)) { if (LibraryBrowser.needsRefresh(tabContent)) {
loadUpcoming(tabContent); loadUpcoming(tabContent);
} }
} };
});
});
})(jQuery, document); })(jQuery, document);

34
dashboard-ui/scripts/indexpage.js
View file

@ -164,9 +164,7 @@
}); });
} }
function loadHomeTab(page) { function loadHomeTab(page, tabContent) {
var tabContent = page.querySelector('.homeTabContent');
if (LibraryBrowser.needsRefresh(tabContent)) { if (LibraryBrowser.needsRefresh(tabContent)) {
if (window.ApiClient) { if (window.ApiClient) {
@ -196,14 +194,38 @@
function loadTab(page, index) { function loadTab(page, index) {
var tabContent = page.querySelector('.pageTabContent[data-index=\'' + index + '\']');
var depends = [];
var scope = 'HomePage';
var method = '';
switch (index) { switch (index) {
case 0: case 0:
loadHomeTab(page); depends.push('scripts/sections');
method = 'renderHomeTab';
break;
case 1:
depends.push('scripts/homenextup');
method = 'renderNextUp';
break;
case 2:
depends.push('scripts/favorites');
method = 'renderFavorites';
break;
case 3:
depends.push('scripts/homeupcoming');
method = 'renderUpcoming';
break; break;
default: default:
break; break;
} }
require(depends, function () {
window[scope][method](page, tabContent);
});
} }
$(document).on('pageinitdepends', "#indexPage", function () { $(document).on('pageinitdepends', "#indexPage", function () {
@ -248,4 +270,8 @@
}); });
} }
window.HomePage = {
renderHomeTab: loadHomeTab
};
})(jQuery, document); })(jQuery, document);