jellyfin-web/dashboard-ui/music.html

283 lines
12 KiB
HTML
Raw Normal View History

2015-09-03 12:05:38 -07:00
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
2015-12-14 08:43:03 -07:00
<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist" data-require="jqmpanel,jqmcollapsible,scripts/musicrecommended,paper-tabs,neon-animated-pages,paper-checkbox">
2015-09-03 12:05:38 -07:00
<div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink>
2015-09-23 09:16:06 -07:00
<paper-tab>${TabSuggestions}</paper-tab>
<paper-tab>${TabAlbums}</paper-tab>
<paper-tab>${TabAlbumArtists}</paper-tab>
<paper-tab>${TabArtists}</paper-tab>
<paper-tab>${TabSongs}</paper-tab>
<paper-tab>${TabGenres}</paper-tab>
2015-12-14 08:43:03 -07:00
<paper-tab class="hide">${TabFolders}</paper-tab>
2015-09-03 12:05:38 -07:00
</paper-tabs>
<div class="legacyTabs scopedLibraryViewNav">
2015-09-23 09:16:06 -07:00
<a href="music.html">${TabSuggestions}</a>
<a href="music.html?tab=1">${TabAlbums}</a>
<a href="music.html?tab=2">${TabAlbumArtists}</a>
<a href="music.html?tab=3">${TabArtists}</a>
<a href="music.html?tab=4">${TabSongs}</a>
<a href="music.html?tab=5">${TabGenres}</a>
<a href="music.html?tab=6">${TabFolders}</a>
2015-09-03 12:05:38 -07:00
</div>
</div>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div class="homePageSection">
<h1 class="listHeader">${HeaderLatestMusic}</h1>
2015-12-14 08:43:03 -07:00
<div id="recentlyAddedSongs" class="itemsContainer noautoinit" style="text-align:left;">
2015-09-03 12:05:38 -07:00
</div>
</div>
<div id="playlists" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderPlaylists}</h1>
2015-12-14 08:43:03 -07:00
<div class="itemsContainer noautoinit" style="text-align:left;">
2015-09-03 12:05:38 -07:00
</div>
</div>
<div id="recentlyPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
2015-12-14 08:43:03 -07:00
<div id="recentlyPlayedSongs" class="itemsContainer noautoinit" style="text-align:left;">
2015-09-03 12:05:38 -07:00
</div>
</div>
<div id="topPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
2015-12-14 08:43:03 -07:00
<div id="topPlayedSongs" class="itemsContainer noautoinit" style="text-align: left;">
2015-09-03 12:05:38 -07:00
</div>
</div>
2015-12-14 08:43:03 -07:00
<div class="favoriteSections homePageSection"></div>
2015-09-03 12:05:38 -07:00
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
2015-09-08 07:35:52 -07:00
<div class="alphabetPicker">
</div>
2015-09-03 12:05:38 -07:00
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
2015-09-08 07:35:52 -07:00
<div class="alphabetPicker">
</div>
2015-09-03 12:05:38 -07:00
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
2015-09-08 07:35:52 -07:00
<div class="alphabetPicker">
</div>
2015-09-03 12:05:38 -07:00
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" 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>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
2015-12-14 08:43:03 -07:00
<neon-animatable>
<div class="pageTabContent" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
2015-09-03 12:05:38 -07:00
</neon-animated-pages>
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel albumsViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div>
<h1>${HeaderFilters}</h1>
2015-09-03 12:05:38 -07:00
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
</div>
<br />
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel artistsViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div>
<h1>${HeaderFilters}</h1>
2015-09-03 12:05:38 -07:00
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
</div>
<br />
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel albumArtistsViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div>
<h1>${HeaderFilters}</h1>
2015-09-03 12:05:38 -07:00
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
</div>
<br />
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-19 19:06:56 -07:00
<div data-role="panel" class="viewPanel songsViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
2015-09-07 08:54:57 -07:00
<div class="ui-panel-inner">
<form>
<div>
<h1>${HeaderFilters}</h1>
2015-09-03 12:05:38 -07:00
2015-09-21 08:43:10 -07:00
<div class="paperCheckboxList">
<paper-checkbox class="chkStandardFilter" data-filter="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
2015-09-07 08:54:57 -07:00
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
</div>
<br />
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="filterOptions">
</div>
2015-09-03 12:05:38 -07:00
</div>
2015-09-07 08:54:57 -07:00
</form>
</div>
2015-09-03 12:05:38 -07:00
</div>
<div data-role="content">
</div>
</div>
</body>
</html>