1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

rework tabs

This commit is contained in:
Luke Pulverenti 2016-05-09 15:27:38 -04:00
parent 14a8cf548f
commit 25f06c166b
25 changed files with 424 additions and 634 deletions

View file

@ -1,22 +1,15 @@
<div id="indexPage" style="outline: none;" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book">
<div class="libraryViewNav libraryViewNavWithMinHeight hide">
<paper-tabs hidescrollbuttons noink>
<paper-tab>${TabHome}</paper-tab>
<paper-tab>${TabNextUp}</paper-tab>
<paper-tab class="homeFavoritesTab">${TabFavorites}</paper-tab>
<paper-tab>${TabUpcoming}</paper-tab>
</paper-tabs>
<div class="legacyTabs">
<a href="home.html">${TabHome}</a>
<a href="home.html?tab=1">${TabNextUp}</a>
<a href="home.html?tab=2" class="homeFavoritesTab">${TabFavorites}</a>
<a href="home.html?tab=3">${TabUpcoming}</a>
<div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
<div class="libraryViewNav">
<div class="mdl-tabs__tab-bar">
<a href="#homeTab" class="mdl-tabs__tab is-active" data-index="0">${TabHome}</a>
<a href="#nextUpTab" class="mdl-tabs__tab" data-index="1">${TabNextUp}</a>
<a href="#favoritesTab" class="mdl-tabs__tab homeFavoritesTab" data-index="2">${TabFavorites}</a>
<a href="#upcomingTab" class="mdl-tabs__tab" data-index="3">${TabUpcoming}</a>
</div>
</div>
</div>
<div class="ehsContent fullWidth pageTabsContainer">
<div class="pageTabContent homeTabContent hide" data-index="0">
<div class="mdl-tabs__panel is-active pageTabContent ehsContent" id="homeTab" data-index="0">
<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>
<p>
@ -26,7 +19,7 @@
<div class="sections"></div>
</div>
<div class="pageTabContent homeNextUpTabContent hide" data-index="1">
<div class="mdl-tabs__panel pageTabContent ehsContent" id="nextUpTab" data-index="1">
<div class="homePageSection">
<div>
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
@ -37,10 +30,10 @@
</div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
</div>
<div class="pageTabContent homeFavoritesTabContent hide" data-index="2">
<div class="mdl-tabs__panel pageTabContent ehsContent" id="favoritesTab" data-index="2">
<div class="favoriteSections"></div>
</div>
<div class="pageTabContent homeUpcomingTabContent hide" data-index="3">
<div class="mdl-tabs__panel pageTabContent ehsContent" id="upcomingTab" data-index="3">
<div id="upcomingItems" class="itemsContainer">
</div>
<div class="noItemsMessage" style="display: none;">
@ -49,6 +42,7 @@
<a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a>
</p>
</div>
</div>
</div>