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

update home sections

This commit is contained in:
Luke Pulverenti 2017-04-12 01:29:46 -04:00
parent 8d02af115b
commit 66bc9fa0a9
34 changed files with 197 additions and 225 deletions

View file

@ -1,43 +1,43 @@
<div id="tvRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="series">
<div class="pageTabContent ehsContent fullWidth" id="suggestionsTab" data-index="0">
<div id="resumableSection" class="homePageSection">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderContinueWatching}</h1>
<button is="emby-button" type="button" class="raised raised-mini categorySyncButton button-accent" data-category="Resume">
<div class="pageTabContent" id="suggestionsTab" data-index="0">
<div id="resumableSection" class="verticalSection">
<div class="sectionTitleContainer">
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderContinueWatching}</h2>
<button is="emby-button" type="button" class="raised raised-mini sectionTitleButton categorySyncButton button-accent" data-category="Resume">
<span>${ButtonSync}</span>
</button>
</div>
<div is="emby-itemscontainer" id="resumableItems" class="itemsContainer">
<div is="emby-itemscontainer" id="resumableItems" class="itemsContainer padded-left padded-right">
</div>
</div>
<div class="homePageSection">
<div>
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
<button is="emby-button" type="button" class="raised raised-mini categorySyncButton button-accent" data-category="NextUp">
<div class="verticalSection">
<div class="sectionTitleContainer">
<h2 class="sectionTitle sectionTitle-cards padded-left nextUpHeader">${HeaderNextUp}</h2>
<button is="emby-button" type="button" class="raised raised-mini sectionTitleButton categorySyncButton button-accent" data-category="NextUp">
<span>${ButtonSync}</span>
</button>
</div>
<div is="emby-itemscontainer" id="nextUpItems" class="itemsContainer vertical-wrap">
<div is="emby-itemscontainer" id="nextUpItems" class="itemsContainer vertical-wrap padded-left padded-right">
</div>
</div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
</div>
<div class="pageTabContent ehsContent fullWidth" id="latestTab" data-index="1">
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestEpisodes}</h1>
<button is="emby-button" type="button" class="raised raised-mini categorySyncButton button-accent" data-category="Latest">
<div class="pageTabContent" id="latestTab" data-index="1">
<div class="verticalSection">
<div class="sectionTitleContainer">
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderLatestEpisodes}</h2>
<button is="emby-button" type="button" class="raised raised-mini categorySyncButton sectionTitleButton button-accent" data-category="Latest">
<span>${ButtonSync}</span>
</button>
</div>
<div is="emby-itemscontainer" id="latestEpisodes" class="itemsContainer vertical-wrap">
<div is="emby-itemscontainer" id="latestEpisodes" class="itemsContainer vertical-wrap padded-left padded-right">
</div>
</div>
</div>
<div class="pageTabContent ehsContent" id="seriesTab" data-index="2">
<div class="pageTabContent" id="seriesTab" data-index="2">
<div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
<div class="paging"></div>
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
@ -45,7 +45,7 @@
<button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
</div>
<div is="emby-itemscontainer" class="itemsContainer itemsContainerWithAlphaPicker">
<div is="emby-itemscontainer" class="itemsContainer padded-left padded-left-withalphapicker padded-right">
</div>
<div class="alphaPicker alphabetPicker alphaPicker-vertical">
</div>
@ -54,7 +54,7 @@
<div class="paging"></div>
</div>
</div>
<div class="pageTabContent ehsContent fullWidth" id="upcomingTab" data-index="3">
<div class="pageTabContent" id="upcomingTab" data-index="3">
<div id="upcomingItems">
</div>
<div class="noItemsMessage" style="display: none;">
@ -64,30 +64,27 @@
</p>
</div>
</div>
<div class="pageTabContent ehsContent fullWidth" id="genresTab" data-index="4">
<div class="pageTabContent" id="genresTab" data-index="4">
<div id="items"></div>
</div>
<div class="pageTabContent ehsContent" id="studiosTab" data-index="5">
<div class="pageTabContent" id="studiosTab" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div is="emby-itemscontainer" id="items" class="itemsContainer paddedItemsContainer vertical-wrap" style="text-align: center;"></div>
<div is="emby-itemscontainer" id="items" class="itemsContainer padded-left padded-right vertical-wrap" style="text-align: center;"></div>
</div>
<div class="pageTabContent ehsContent" id="episodesTab" data-index="6">
<div class="pageTabContent" id="episodesTab" data-index="6">
<div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:0 .5em 1em;">
<div class="paging"></div>
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><i class="md-icon">view_comfy</i></button>
<button is="paper-icon-button-light" class="btnSort autoSize" title="${ButtonSort}"><i class="md-icon">sort_by_alpha</i></button>
<button is="paper-icon-button-light" class="btnFilter autoSize" title="${ButtonFilter}"><i class="md-icon">filter_list</i></button>
</div>
<div is="emby-itemscontainer" class="itemsContainer vertical-wrap">
<div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right">
</div>
<div style="text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding:.7em .5em;">
<div class="paging"></div>
</div>
</div>
<div data-role="content">
</div>
</div>