mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
rework tabs
This commit is contained in:
parent
14a8cf548f
commit
25f06c166b
25 changed files with 424 additions and 634 deletions
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue