jellyfin-web/dashboard-ui/music.html
Luke Pulverenti 25f06c166b rework tabs
2016-05-09 15:27:38 -04:00

98 lines
4.5 KiB
HTML

<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist" data-require="scripts/musicrecommended,MaterialTabs,paper-checkbox,scripts/alphapicker">
<div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
<div class="libraryViewNav">
<div class="mdl-tabs__tab-bar">
<a href="#suggestionsTab" class="mdl-tabs__tab is-active" data-index="0">${TabSuggestions}</a>
<a href="#albumsTab" class="mdl-tabs__tab" data-index="1">${TabAlbums}</a>
<a href="#albumArtistsTab" class="mdl-tabs__tab" data-index="2">${TabAlbumArtists}</a>
<a href="#artistsTab" class="mdl-tabs__tab" data-index="3">${TabArtists}</a>
<a href="#songsTab" class="mdl-tabs__tab" data-index="4">${TabSongs}</a>
<a href="#genresTab" class="mdl-tabs__tab" data-index="5">${TabGenres}</a>
<a href="#foldersTab" class="mdl-tabs__tab" data-index="6">${TabFolders}</a>
</div>
</div>
<div class="mdl-tabs__panel is-active pageTabContent ehsContent" id="suggestionsTab" data-index="0">
<div class="homePageSection">
<h1 class="listHeader">${HeaderLatestMusic}</h1>
<div id="recentlyAddedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="playlists" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderPlaylists}</h1>
<div class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="recentlyPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
<div id="recentlyPlayedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="topPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
<div id="topPlayedSongs" class="itemsContainer noautoinit" style="text-align: left;">
</div>
</div>
<div class="favoriteSections homePageSection"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="albumsTab" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="albumArtistsTab" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="artistsTab" data-index="3">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="songsTab" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer" style="max-width:1000px;margin: 0 auto;"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="genresTab" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
<div class="mdl-tabs__panel pageTabContent ehsContent" id="foldersTab" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</div>
<div data-role="content">
</div>
</div>