mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
291 lines
15 KiB
HTML
291 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Emby</title>
|
|
</head>
|
|
<body>
|
|
<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist" data-require="jqmcontrolgroup,jqmpanel,jqmcollapsible,scripts/musicrecommended">
|
|
<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">
|
|
<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">
|
|
<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">
|
|
<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">
|
|
<form>
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>${HeaderFilters}</legend>
|
|
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteAlbums" data-filter="IsFavorite" data-mini="true">
|
|
<label for="chkIsFavoriteAlbums">${OptionFavorite}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkLikesAlbums" data-filter="Likes" data-mini="true">
|
|
<label for="chkLikesAlbums">${OptionLikes}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkDislikesAlbums" data-filter="Dislikes" data-mini="true">
|
|
<label for="chkDislikesAlbums">${OptionDislikes}</label>
|
|
</fieldset>
|
|
<br />
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
|
|
<h2>${HeaderGenres}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
|
|
<h2>${HeaderParentalRatings}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
|
|
<h2>${HeaderTags}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
|
|
<h2>${HeaderYears}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div data-role="panel" class="viewPanel artistsViewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
|
<form>
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>${HeaderFilters}</legend>
|
|
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteArtist" data-filter="IsFavorite" data-mini="true">
|
|
<label for="chkIsFavoriteArtist">${OptionFavorite}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkLikesArtist" data-filter="Likes" data-mini="true">
|
|
<label for="chkLikesArtist">${OptionLikes}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkDislikesArtist" data-filter="Dislikes" data-mini="true">
|
|
<label for="chkDislikesArtist">${OptionDislikes}</label>
|
|
</fieldset>
|
|
<br />
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
|
|
<h2>${HeaderGenres}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div data-role="panel" class="viewPanel albumArtistsViewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
|
<form>
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>${HeaderFilters}</legend>
|
|
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteAlbumArtist" data-filter="IsFavorite" data-mini="true">
|
|
<label for="chkIsFavoriteAlbumArtist">${OptionFavorite}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkLikesAlbumArtist" data-filter="Likes" data-mini="true">
|
|
<label for="chkLikesAlbumArtist">${OptionLikes}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkDislikesAlbumArtist" data-filter="Dislikes" data-mini="true">
|
|
<label for="chkDislikesAlbumArtist">${OptionDislikes}</label>
|
|
</fieldset>
|
|
<br />
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
|
|
<h2>${HeaderGenres}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div data-role="panel" class="viewPanel songsViewPanel" data-theme="a" data-position="right" data-display="overlay" data-position-fixed="true">
|
|
<form>
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>${HeaderFilters}</legend>
|
|
<input class="chkStandardFilter" type="checkbox" id="chkPlayedSongs" data-filter="IsPlayed" data-mini="true">
|
|
<label for="chkPlayedSongs">${OptionPlayed}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkUnplayedSongs" data-filter="IsUnPlayed" data-mini="true">
|
|
<label for="chkUnplayedSongs">${OptionUnplayed}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoriteSongs" data-filter="IsFavorite" data-mini="true">
|
|
<label for="chkIsFavoriteSongs">${OptionFavorite}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkLikesSongs" data-filter="Likes" data-mini="true">
|
|
<label for="chkLikesSongs">${OptionLikes}</label>
|
|
|
|
<input class="chkStandardFilter" type="checkbox" id="chkDislikesSongs" data-filter="Dislikes" data-mini="true">
|
|
<label for="chkDislikesSongs">${OptionDislikes}</label>
|
|
|
|
</fieldset>
|
|
<br />
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
|
|
<h2>${HeaderGenres}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
|
|
<h2>${HeaderParentalRatings}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
|
|
<h2>${HeaderTags}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
|
|
<h2>${HeaderYears}</h2>
|
|
|
|
<div class="filterOptions">
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div data-role="content">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|