jellyfin-web/dashboard-ui/music.html

338 lines
17 KiB
HTML
Raw Normal View History

2015-09-03 12:05:38 -07:00
<!DOCTYPE html>
<html>
<head>
<title>Emby</title>
</head>
<body>
2015-09-07 08:54:57 -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">
2015-09-03 12:05:38 -07:00
<div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink>
<paper-tab><iron-icon icon="info"></iron-icon>${TabSuggestions}</paper-tab>
<paper-tab><iron-icon icon="album"></iron-icon>${TabAlbums}</paper-tab>
<paper-tab><iron-icon icon="music-note"></iron-icon>${TabAlbumArtists}</paper-tab>
<paper-tab><iron-icon icon="music-note"></iron-icon>${TabArtists}</paper-tab>
<paper-tab><iron-icon icon="music-note"></iron-icon>${TabSongs}</paper-tab>
<paper-tab><iron-icon icon="library-music"></iron-icon>${TabGenres}</paper-tab>
</paper-tabs>
<div class="legacyTabs scopedLibraryViewNav">
<a href="music.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="music.html?tab=1"><iron-icon icon="album"></iron-icon>${TabAlbums}</a>
<a href="music.html?tab=2"><iron-icon icon="music-note"></iron-icon>${TabAlbumArtists}</a>
<a href="music.html?tab=3"><iron-icon icon="music-note"></iron-icon>${TabArtists}</a>
<a href="music.html?tab=4"><iron-icon icon="music-note"></iron-icon>${TabSongs}</a>
<a href="music.html?tab=5"><iron-icon icon="library-music"></iron-icon>${TabGenres}</a>
</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>
<div id="recentlyAddedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
</div>
</div>
<div id="playlists" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderPlaylists}</h1>
<div class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
</div>
</div>
<div id="recentlyPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
<div id="recentlyPlayedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
</div>
</div>
<div id="topPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
<div id="topPlayedSongs" class="itemsContainer fullWidthItemsContainer" style="text-align:left;">
</div>
</div>
</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 class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnSyncItems" data-mini="true" data-icon="refresh" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</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 class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnSyncItems" data-mini="true" data-icon="refresh" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</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 class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnSyncItems" data-mini="true" data-icon="refresh" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</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 class="selectionCommands" style="display: none;">
<div class="selectionCommandsControlGroup">
<button class="btnAddToPlaylist" data-mini="true" data-icon="plus" data-inline="true" title="${ButtonAddToPlaylist}">${ButtonAddToPlaylist}</button>
<button class="btnSyncItems" data-mini="true" data-icon="refresh" data-inline="true" title="${ButtonSync}">${ButtonSync}</button>
</div>
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="panel" class="viewPanel albumsViewPanel" data-theme="a" 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-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteAlbums" data-filter="IsFavorite" data-role="none">
<label for="chkIsFavoriteAlbums">${OptionFavorite}</label>
</div>
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkLikesAlbums" data-filter="Likes" data-role="none">
<label for="chkLikesAlbums">${OptionLikes}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkDislikesAlbums" data-filter="Dislikes" data-role="none">
<label for="chkDislikesAlbums">${OptionDislikes}</label>
</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>
<div data-role="panel" class="viewPanel artistsViewPanel" data-theme="a" 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-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteArtist" data-filter="IsFavorite" data-role="none">
<label for="chkIsFavoriteArtist">${OptionFavorite}</label>
</div>
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkLikesArtist" data-filter="Likes" data-role="none">
<label for="chkLikesArtist">${OptionLikes}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkDislikesArtist" data-filter="Dislikes" data-role="none">
<label for="chkDislikesArtist">${OptionDislikes}</label>
</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>
<div data-role="panel" class="viewPanel albumArtistsViewPanel" data-theme="a" 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-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteAlbumArtist" data-filter="IsFavorite" data-role="none">
<label for="chkIsFavoriteAlbumArtist">${OptionFavorite}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkLikesAlbumArtist" data-filter="Likes" data-role="none">
<label for="chkLikesAlbumArtist">${OptionLikes}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkDislikesAlbumArtist" data-filter="Dislikes" data-role="none">
<label for="chkDislikesAlbumArtist">${OptionDislikes}</label>
</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>
<div data-role="panel" class="viewPanel songsViewPanel" data-theme="a" 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-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkPlayedSongs" data-filter="IsPlayed" data-mini="true" data-role="none">
<label for="chkPlayedSongs">${OptionPlayed}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkUnplayedSongs" data-filter="IsUnPlayed" data-mini="true" data-role="none">
<label for="chkUnplayedSongs">${OptionUnplayed}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteSongs" data-filter="IsFavorite" data-mini="true" data-role="none">
<label for="chkIsFavoriteSongs">${OptionFavorite}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkLikesSongs" data-filter="Likes" data-mini="true" data-role="none">
<label for="chkLikesSongs">${OptionLikes}</label>
</div>
2015-09-03 12:05:38 -07:00
2015-09-07 08:54:57 -07:00
<div class="checkboxContainer">
<input class="chkStandardFilter" type="checkbox" id="chkDislikesSongs" data-filter="Dislikes" data-mini="true" data-role="none">
<label for="chkDislikesSongs">${OptionDislikes}</label>
</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>